For more info please check the components's official demos & documentation
demos & documentation
Simple datepicker
Month: {{ date.month }}.{{ date.year }}
Model: {{ model | json }}
Model: {{ secondModel | json }}
Example of the range selection
{{ date.day }}
From: {{ fromDate | json }}
To: {{ toDate | json }}
These datepickers use custom Date adapter that lets you use your own model implementation. In this example we are converting from and to a JS native Date object
Model: {{ model1 | json }}
State: {{ c1.status }}
These datepickers use custom Date adapter that lets you use your own model implementation. In this example we are converting from and to a JS native Date object
Model: {{ model2 | json }}
State: {{ c2.status }}
Datepicker in French
This datepicker uses a custom template to display days. All week-ends are displayed with an orange background.