Date picker

lx-date-picker is a directive that create a date picker. This date picker is managed by the LxDatePickerService.

This component has been completly reworked since LumX beta version (v0.3.96).
Please refer to the updated documentation.

A callback function can be called with the selected date as parameter. A text field can be transcluded to show the selected date according to the input format attribute.
Parameter Type Default Description
lx-auto-close boolean true Specify if the date picker should be closed when clicking outside.
lx-callback function The function called once a day is selected with the date object as parameter.
lx-color string primary Define the date picker color. Options: colors defined in colors and sizes section in dist/scss/core/settings/defaults.scss
lx-escape-close boolean true Specify if the date picker should be closed with escape key.
lx-input-format string Specify the text field date format (moment) when a text field component is transcluded.
lx-max-date object Set the max selectable date.
lx-min-date object Set the min selectable date.
lx-locale* string Generate the calendar according to the given locale.
ng-model* string Assignable angular expression to data-bind to.
Parameter Type Description
datePickerId* string The date picker id specified in the directive id attribute.
Parameter Type Description
datePickerId* string The date picker id specified in the directive id attribute.
Available parameter Type Description
event object The broadcast original event.
datePickerId string The date picker id specified in the directive id attribute.
Available parameter Type Description
event object The broadcast original event.
datePickerId string The date picker id specified in the directive id attribute.
Available parameter Type Description
event object The broadcast original event.
datePickerId string The date picker id specified in the directive id attribute.
Available parameter Type Description
event object The broadcast original event.
datePickerId string The date picker id specified in the directive id attribute.