TimeGrid
Captures time value from the user with a predefined set of options
Source
Docs
Package
Usage
Use TimeGrid
component to capture time value from the user with a
predefined set of time slots:
Format
Size
Radius
Controlled
data prop
data
prop accepts an array of time values in 24-hour format. Values
must be unique. To generate time range use getTimeRange
function
exported from @mantine/dates
package:
Min and max time
Set minTime
and maxTime
props to limit available time range.
Both props accept time values in 24-hour format:
Disable specific controls
You can disable specific time values by providing an array of disabled
values to the disableTime
prop:
Allow deselect
Set allowDeselect
prop to allow deselecting time value by clicking on
the control with selected value:
Change AM/PM labels
Disabled
Set disabled
prop to disable all controls: