Restrict selection and navigation

[Vishwaas]

hi
Is there a way to restrict users such that they will not be able to selected older dates than the current day and also prevent them from navigating to previous months and also prevent navigating programatically to prev months using center?

[Vishwaas]

There is one way to restrict selection, how to restrict navigation though??

Restrict selection is below:

{{#dp.content class="dropdown-menu demo-datepicker-small"}}
      {{dp.nav}}
      {{dp.days minDate=twoDaysAgo}}
    {{/dp.content}}

twoDaysAgo: computed(function() {
    return moment().add(-2, 'days');
  })

[cibernox]

If you pass onCenterChange=(action "someAction"), you can inside that action check if the previous month is invalid and just do nothing. You can also pass your own custom calendar.nav component that disables the button if the previous/next is not a valid one.

Both approaches are fine. Perhaps I'd prefer the second. The component is extremely simple: https://github.com/cibernox/ember-power-calendar/blob/master/addon/templates/components/power-calendar/nav.hbs