Components
DateTime
Example
Date Range: no date - no date
Time Span: undefined:undefined:undefined - undefined:undefined:undefined
January 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>