0.0.85 • Published 11 months ago
@rnwonder/react-date-picker v0.0.85
@rnwonder/react-date-picker
A simple and reusable Datepicker component for ReactJS (Demo)
Installation
npm i @rnwonder/react-date-picker
yarn add @rnwonder/react-date-picker
pnpm add @rnwonder/react-date-picker
This package depends on react
and react-dom
so you need to have them installed
Usage
import '@rnwonder/react-date-picker/dist/style.css'
import DatePicker from "@rnwonder/react-date-picker";
const App = () => {
return (
<DatePicker
onChange={(data) => {
if (data.type === "range") {
console.log(data.startDate, data.endDate);
}
if (data.type === "single") {
console.log(data.selectedDate);
}
if (data.type === "multiple") {
console.log(data.multipleDates);
}
}}
/>
);
};
Styling With Props, Classes, or Attributes
- You can style the datepicker using class props, color props, default css class names or data attributes.
- Check out the documentation for more details
Themes
- We have a growing list of themes you can use. Please check them out here
Other Datepicker Props
- We have some other props that can be useful when working with the datepicker. Please check them out here
Formatting
- Formatting the datepicker input label is done with the
formatInputLabel
,formatInputLabelRangeStart
,formatInputLabelRangeEnd
,localOptions
andlocale
props - Check out the documentation for more details
Utility Functions
- We have some utility functions that can be useful when working with the datepicker. Please check them out here
Contributing
0.0.85
11 months ago
0.0.84
11 months ago
0.0.83
11 months ago
0.0.82
12 months ago
0.0.81
1 year ago
0.0.8
1 year ago
0.0.72
1 year ago
0.0.71
1 year ago
0.0.7
1 year ago
0.0.6
1 year ago
0.0.5
1 year ago
0.0.4
1 year ago
0.0.3
1 year ago
0.0.114
1 year ago
0.0.113
1 year ago
0.0.112
1 year ago
0.0.11
1 year ago
0.0.2
1 year ago
0.0.1
1 year ago
0.0.0
1 year ago