@rnwonder/react-date-picker
TypeScript icon, indicating that this package has built-in type declarations

0.0.85 • Public • Published

@rnwonder/react-date-picker

A simple and reusable Datepicker component for ReactJS (Demo)

Documentation

Screenshot 2023-05-20 084944.jpg Screenshot 2023-05-20 084945.jpg Screenshot 2023-05-20 084946.jpg

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 and locale 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

  • Send a message to the author on X if you have any questions or suggestions. Don't forget to follow me on twitter.
  • Feel free to open an issue here if you run into any problem while using this library.
  • You can also contribute to this project here.

Buy Me A Coffee

Package Sidebar

Install

npm i @rnwonder/react-date-picker

Weekly Downloads

4

Version

0.0.85

License

MIT

Unpacked Size

869 kB

Total Files

79

Last publish

Collaborators

  • rnwonder