iOS-style date and time picker with spinning wheel interface
1npm install @openwebf/react-cupertino-ui1import { useState } from 'react';
2import { FlutterCupertinoDatePicker } from '@openwebf/react-cupertino-ui';
3
4export function DatePickerExample() {
5 const [value, setValue] = useState('2025-01-01T12:00:00.000');
6
7 return (
8 <FlutterCupertinoDatePicker
9 mode="dateAndTime"
10 value={value}
11 onChange={(e) => setValue(e.detail)}
12 />
13 );
14}| Name | Type | Default | Description |
|---|---|---|---|
| mode | 'time' | 'date' | 'dateAndTime' | 'monthYear' | dateAndTime | Picker display mode. |
| value | string | - | ISO8601 date-time value. |
| minimumDate | string | - | ISO8601 minimum date-time. |
| maximumDate | string | - | ISO8601 maximum date-time. |
| onChange | (event: CustomEvent<string>) => void | - | Fires on selection changes (`event.detail` is ISO8601 string). |