Components
DateTime
Example
Date Range: no date - no date
Time Span: undefined:undefined:undefined - undefined:undefined:undefined
February 2025
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
::
::
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
<Row>
<Unknown className="flex flex-col w-full">
<Unknown className="w-full p-4 border border-1-gray-12 h-32">
<Unknown className="w-full ">
<Unknown className="m-0 p-0">
Date Range:{' '}
<Unknown>
no date
</Unknown>
{' '}-{' '}
<Unknown>
no date
</Unknown>
</Unknown>
<Unknown className="m-0 p-0">
Time Span:{' '}
<Unknown>
undefined:undefined:undefined
</Unknown>
{' '}-{' '}
<Unknown>
undefined:undefined:undefined
</Unknown>
</Unknown>
</Unknown>
</Unknown>
<Unknown className="flex flex-col w-full pt-12 justify-center items-center">
<DateTime.root onChange={(e,t,r)=>x(e,t,r)}>
<DateTime.Calendar mode="range" />
<DateTime.TimeInput type="range" />
<DateTime.Actions>
<Button
className="w-full"
onClick={()=>u(e,r,d)}
variant="primary"
>
Apply Filter
</Button>
</DateTime.Actions>
</DateTime.root>
</Unknown>
</Unknown>
</Row>