Date Picker

See: https://www.carbondesignsystem.com/components/date-picker/usage/

Date and time pickers allow users to select a single or a range of dates and times.

Overview

Pickers are used to display past, present, or future dates or times. The kind of date (exact, approximate, memorable) you are requesting from the user will determine which picker is best to use. Each picker’s format can be customized depending on location or need.

class carbondesign.tags.date_picker.DatePicker(*args, **kwargs)

Date Picker component.

MODES = ('default', 'basic', 'nolabel')

Available variants.

NODE_PROPS = ('short', 'light')

Extended Template Tag arguments.

CLASS_AND_PROPS = ('label', 'help', 'picker')

Prepare xxx_class and xxx_props values.

prepare(values, context)

Prepare values for rendering the templates.

prepare_element_props(props, context)

Prepare html attributes for rendering the form element.

render_default(values, context)

Output html of the component.

render_nolabel(values, context)

Basic with calendar but without label.

render_basic(values, context)

Basic without calendar (mm/yy only).

class carbondesign.tags.date_picker.RangeDatePicker(*args, **kwargs)

Date Picker component with range inputs.

NODE_PROPS = ('light',)

Extended Template Tag arguments.

CLASS_AND_PROPS = ('label', 'help', 'picker')

Prepare xxx_class and xxx_props values.

prepare(values, context)

Prepare values for rendering the templates.

prepare_element_props(props, context, bound_field)

Prepare html attributes for rendering the form element.

render_default(values, context)

Output html of the component.