datepicker-react-sw49go v0.1.1

Datepicker React components created using create-react-app by SW49GO

Presentation :

This is a reusable React component that allows you to display a custom Datepicker in your application.

The component is TypeScript compatible and includes a type definition file (DatepickerReact.d.ts) for an improved development experience. In a TypeScript project, the TypeScript compiler will automatically use this definition file.

Examples Custom style :

Installing the package in your project:

npm i datepicker-react-sw49go

Prerequisites :

• Node.js v18.16.0

Dependencies to install :

• "react": "^18.2.0"
• "react-dom": "^18.2.0"
• "prop-types": "^15.8.1"
• "react-icons": "^5.0.1"
• "dropdown-react-sw49go": "^0.1.2"

Imported the component into your project :

import { DatePickerReact } from 'datepicker-react-sw49go'

function App() {
  const handleSeletedDate = (dateSelected) =>{
    console.log('The date selected in datepicker:', dateSelected)
  }

  return (
   <div>
    <DatePickerReact onSelect={handleSeletedDate} 
                     language={'fr'} 
                     textLabel={'Votre texte ici' }
                     styleLabel={{fontSize:'1.5rem'}}
                     styleInput={{width:'10rem'}}
                     iconInputColor={'black' }
                     bckColor={'blue'}
                     dateColor={'red'}/>
   </div>
  )
}

Using the different component options (Props):