Date Picker view function with default configuration.

Example: type alias Model = { datePickerState : DateTimePicker.Internal, value : Maybe Date }

type  = DatePickerChanged DateTimePicker.Internal (Maybe Date)


view =
    DateTimePicker.datePicker
            DatePickerChanged
            [ class "my-datepicker" ]
            model.datePickerState
            model.value

Date Picker view function with custom configuration.

Example: type alias Model = { datePickerState : DateTimePicker.Internal, value : Maybe Date }

type Msg = DatePickerChanged DateTimePicker.Internal (Maybe Date)


customConfig =
    let default = (DateTimePicker.defaultConfig DatePickerChanged)
    in
        { default
            | firstDayOfWeek = Date.Mon
            , autoClose = True
        }


view =
    DateTimePicker.datePickerWithConfig
            customConfig
            DateTimePicker.defaultDatePickerConfig
            [ class "my-datepicker" ]
            model.datePickerState
            model.value

Date and Time PicType view Example: type alias Model = { dateTimePickerState : DateTimePicker.Internal, value : Maybe DateType

type  = DatePickerChanged DateTimePicker.Internal (Maybe Date)


view =
    DateTimePicker.dateTimePicker
             DatePickerChanged
            [ class "my-datetimepicker" ]
            model.dateTimePickerState
            model.value

Date and Time Picker view Example: type alias Model = { dateTimePickerState : DateTimePicker.Internal, value : Maybe Date }

type  = DatePickerChanged DateTimePicker.Internal (Maybe Date)


customConfig =
    let
        default = DateTimePicker.defaultDateTimePickerConfig DatePickerChanged
    in
        { default
            | firstDayOfWeek = Date.Mon
            , autoClose = True
        }


view =
    DateTimePicker.dateTimePicker
            customConfig
            [ class "my-datetimepicker" ]
            model.dateTimePickerState
            model.value

Initial state of the DatePicker

Initial state of the DatePicker with today Date

Initial Cmd to set the initial month to be displayed in the datepicker to the current month.

The state of the date time picker (for Internal Use)