()
| 1318 | }; |
| 1319 | |
| 1320 | export const DateInputs = () => { |
| 1321 | return ( |
| 1322 | <div className="flex flex-col gap-8"> |
| 1323 | <div className="flex flex-col gap-4"> |
| 1324 | <InputDate |
| 1325 | isRequired |
| 1326 | label="Date" |
| 1327 | hint="This is a hint text to help user." |
| 1328 | placeholder="Select a date" |
| 1329 | tooltip="This is a tooltip" |
| 1330 | size="sm" |
| 1331 | granularity="minute" |
| 1332 | icon={Calendar} |
| 1333 | /> |
| 1334 | <InputDate |
| 1335 | isRequired |
| 1336 | isDisabled |
| 1337 | label="Date" |
| 1338 | hint="This is a hint text to help user." |
| 1339 | placeholder="Select a date" |
| 1340 | tooltip="This is a tooltip" |
| 1341 | size="sm" |
| 1342 | granularity="minute" |
| 1343 | icon={Calendar} |
| 1344 | /> |
| 1345 | <InputDate |
| 1346 | isRequired |
| 1347 | isInvalid |
| 1348 | label="Date" |
| 1349 | hint="This is an error message." |
| 1350 | placeholder="Select a date" |
| 1351 | tooltip="This is a tooltip" |
| 1352 | size="sm" |
| 1353 | granularity="minute" |
| 1354 | icon={Calendar} |
| 1355 | /> |
| 1356 | </div> |
| 1357 | <div className="flex flex-col gap-4"> |
| 1358 | <InputDate |
| 1359 | isRequired |
| 1360 | label="Date" |
| 1361 | hint="This is a hint text to help user." |
| 1362 | placeholder="Select a date" |
| 1363 | tooltip="This is a tooltip" |
| 1364 | size="md" |
| 1365 | granularity="minute" |
| 1366 | icon={Calendar} |
| 1367 | /> |
| 1368 | <InputDate |
| 1369 | isRequired |
| 1370 | isDisabled |
| 1371 | label="Date" |
| 1372 | hint="This is a hint text to help user." |
| 1373 | placeholder="Select a date" |
| 1374 | tooltip="This is a tooltip" |
| 1375 | size="md" |
| 1376 | granularity="minute" |
| 1377 | icon={Calendar} |
nothing calls this directly
no outgoing calls
no test coverage detected