Skip to content
BigBang

Popular

    ↑↓Navigate↵OpenEscClose
    TR

    Components

    DateTimePicker

    A field group that chooses a date and a time together: a DatePicker and a TimeField.

    Storybook
    Storybook
    Source
    Source

    The example below loads live from Storybook; you can open the controls there.

    Live example, StorybookOpen in Storybook

    The value is a CalendarDateTime, also exported from @bigbang/ui. onValueChange is called with the value once both parts are complete, and with null when either is cleared.

    Live example, StorybookOpen in Storybook

    Required with an error, with seconds (withSeconds), and disabled.

    Live example, StorybookOpen in Storybook

    Both parts use the DatePicker and TimeField tokens; neither mode needs extra setup.