@oman21/rn-datetimepicker

Installation

``bash
npm i @oman21/rn-datetimepicker
`

Usage

`python
import DateTimePickerLib from '@oman21/rn-datetimepicker';

const App () => {
const [visible, setVisible] = useState(false);
const [date, setDate] = useState(new Date());

return (

{date.toString()}

onPress={()=>setVisible(!visible)}
title="Open Datetime Picker"
/>

value={date}
visible={visible}
onCancel={()=>setVisible(!visible)}
onSelect={(data:any)=>{
setDate(data);
setVisible(!visible);
}}
/>

)
}
``

Screenshots

!screenshoot

Props

| Prop | Type | Default | Description |
|-----------------|---------|------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------|
| visible | bolean | false | Datetime picker modal visible |
| minDate | any | "" | Set minimum date (Date or string). |
| maxDate | any | "" | Set maximum date (Date or string). |
| value | any | "" | Set value (Date or string). |
| type | string | datetime | Type datetime/date. |
| theme | string | light | Light/dark theme. |
| months | array | ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"] | Month name. |
| monthsShort | array | ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"] | Month short name. |
| weekDays | array | ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"] | Day name. |
| weekDaysShort | array | ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] | Day short name. |
| colorButton | string | "#12a4f2" | Day short name. |

Function

| Prop | Description |
|-------------------------|--------------------------------------------------------|
| onCancel | Action when cancel. |
| onSelect | Action when select return date. |

To Do

- [x] Minimum date
- [x] Maximum date
- [x] Value
- [x] Type datetime/date
- [x] Typescript support
- [ ] Hour am/pm

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT