Daterange picker example

Simple picker

Invalid date.

Range is required.

date: {{date}}

Picker with attribute min and max date

Start date must be at least {{page.pickerMinMax.minDate}}.

End date must be at most {{page.pickerMinMax.maxDate}}.

Invalid date.

Range is required.

dateMinMax: {{dateMinMax}}

Option validation

Start date must be at least {{optsValidation.options.minDate}}.

End date must be at most {{optsValidation.options.maxDate}}.

Range is required.

date2: {{optsValidation.date}}

errors: {{dateForm.daterangeValidate.$error}}

Picker with custom locale & extra picker class

date2: {{date2}}

Clearable picker

date2: {{date2}}

Unlinked calendars w/validation

Start date must be at least {{optsUnlinked.minDate}}.

End date must be at most {{optsUnlinked.maxDate}}.

Range is required.

date2: {{date2}}

Single picker w/validation

To low. Date must be between {{optsSingle.minDate}} && {{optsSingle.maxDate}}.

To high. Date must be between {{optsSingle.minDate}} && {{optsSingle.maxDate}}.

Range is required.

Date is invalid.

dateSingle: {{dateSingle}}

Picker with custom format & apply when clicking out of calendar

dateFormatted: {{dateFormatted}}