Default child state doesn't work

[danielscarpim]

I'm trying to set up a default child state for my app. Following the instructions from the ui-router FAQ, it was supposed to work by setting the parent state as abstract and the child state I wanted to be the default with an empty url.

But when I try to navigate there, I get Error: 'Cannot transition to abstract state'.

Am I doing something wrong, or this just wont work anyway?

Here is how my templates are set up:

Parent:

---
name: calendario
url: /calendario
abstract: true
animationIn: slideInRight
animationOut: slideOutRight

---

Child:

---
name: mes
parent: calendario
url: ''
animationIn: slideInRight
animationOut: slideOutRight

---

I'm also using ui-sref to transition to this view:

<a ui-sref="calendario">Calendário</a>