TimeRangePicker

Imports

import {TimeRangePicker} from 'material-expressive-react';
import {TimeRangePicker} from 'material-expressive-react/datetime';

Props

Prop	Type	Default	Required	Description
cancelText	string		No
clearText	string		No
confirmText	string		No
constraints	TimePickerConstraints		No
defaultInputMode	enum		No
defaultOpen	boolean		No
defaultValue	TimeRange		No
format	enum		No
inputMode	enum		No
locale	string		No
maxTime	TimeValue		No
minTime	TimeValue		No	Allowed min/max time (minute-of-day). Accepts minutes, {hour,minute}, or 'HH:MM'.
minuteStep	enum		No	Minute increments for clock dial selection.
onCancel	(() => void)		No
onConfirm	((value: number | TimeRange | null) => void)		No
onDismiss	(() => void)		No
onOpenChange	((open: boolean) => void)		No
onValueChange	((value: TimeRange) => void)		No
onValueReselect	((value: TimeRange) => void)		No
open	boolean		No
showClear	boolean		No
supportingText	string		No
title	string	Select times	No
value	TimeRange		No
variant	enum		No

Events

This component does not explicitly re-emit DOM events via wrapper props.

Slots

Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).

If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).

Examples

See Storybook for live examples and variants.