Skip to main content
Version: 57.2.0

Date & Time field

This form field allows the user to select a date and a time. Used in conjunction with the date & time modal in this pattern.

Package: @terreno/ui
Categories: Component
Props interface: DateTimeFieldProps
Story source: demo/stories/Date&Timefield.stories.tsx

Live demo

Props

PropTypeRequiredDescription
onChangereflectionYes
typeunionYes
blurOnSubmitboolean
dateFormatstring
disabledboolean
errorTextstring
helperTextstring
iconNameIconName
idstring
onBlurOnChangeCallback
onEnterreflection
onFocusreflection
onIconClickreflection
onSubmitEditingreflection
onTimezoneChangereflection
pickerTypeunion
placeholderstring
showTimezoneboolean
testIDstringRoot test id for the primary interactive element or container.
testIDsFieldTestIDs
timezonestring
titlestring
valuestring