1.0.8 • Published 2 years ago
@stephane1920/ts-datepicker-react v1.0.8
Date Picker
A simple customizable react datepicker in typescript.
From project 14 OpenClassrooms, react app developer
Installation
npm install @stephane1920/ts-datepicker-react
oryarn add @stephane1920/ts-datepicker-react
Usage Date Picker input
import React from 'react';
import ReactDOM from 'react-dom/client';
import { DatePicker } from '@stephane1920/ts-datepicker-react';
const SomeComponent = () => {
return (
<div>
<DatePicker label='date picker' name='date-picker' />
</div>
)
};
Usage Date Picker calendar
import React from 'react';
import ReactDOM from 'react-dom/client';
import { DatePickerCalendar } from '@stephane1920/ts-datepicker-react';
const SomeComponent = () => {
return (
<div>
<DatePickerCalendar />
</div>
)
};
Props
Label | Type | Required | Default |
---|---|---|---|
label | string | yes | N/A |
name | string | yes | N/A |
errorMessage | string | no | N/A |
error | boolean | no | false |
value | string | no | '' |
lang | string | no | 'fr-FR' |
year | number | no | current year |
month | number | no | current month |
day | number | no | current day |
intervalYearSelection | number[] | no | [current year - 90, current year] |
zIndex | number | no | 999 |
elevationPicker | boolean | no | false |
headerPickerColor | string | no | '#059ECE' |
textColor | string | no | '#DADCE0' |
focusColor | string | no | '#70757A' |
errorColor | string | no | '#059ECE' |
borderColor | string | no | '#EF6C6C' |
borderRadius | string | no | '5px' |
className | string | no | N/A |
onSelect | callback Function | no | N/A |
License
ISC
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
0.2.13
2 years ago
0.2.12
2 years ago
0.2.10
2 years ago
0.2.9
2 years ago
0.2.8
2 years ago
0.2.7
2 years ago
0.2.6
2 years ago
0.2.5
2 years ago
0.2.4
2 years ago
0.2.3
2 years ago
0.2.2
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.0
2 years ago