Nepali-datepicker-and-dateinput

The aim of this package is to enable user to input nepali date and also select date from nepali calendar from date 1970-01-01 BS to 2099-12-30.

Installation

npm install --save nepali-datepicker-and-dateinput

Usage

import NepaliDatepicker from 'nepali-datepicker-and-dateinput';

export Datepicker = () => {

  const handleDateChange = (name, dateInMilli, bsDate, adDate) => {
    console.log(name); // Prints the field name of date input
    console.log(dateInMilli); // Prints the equivalent date millisecond
    console.log(bsDate); // Prints the bsDate
    console.log(adDate); // Prints the equivalent adDate
  }

  return (
    <NepaliDatepicker
      id="nepali-date"
      onChange={handleDateChange}
      label="नेपाली मिति"
      defaultDate="2077-01-01"
      defaultFormat
    />
  );
}

Props

| Props | Type | Default Value | Description | | ----------------------- | :-------------------: | :----------------------------------------: | :-------------------------------------------------------------------------------------------------: | | id | string | "nepali-calendar" | The identifier of date field . If there are more than one date input in form , then it is required. | | label | string | "मिति" | Label for date input | | showDefaultDate | Boolean | false | If true , today nepali date is shown in date input by default | | defaultDate | String or Long | | This props takes date either in "YYYY-MM-DD" format or directly takes equivalent millisecond | | defaultFormat | Boolean | false | If defaultDate props has value in format "YYYY-MM-DD" then this prop should be set as true | | disabled | Boolean | false | If date input field needs to be disabled then this props should be set as true | | locale | string ("ne" or "en") | "ne" | If "ne" then all text in calendar is shown in nepali else shown in english | | inputContainerClassName | string | | Can send custom classname for date input field | | maxDateErrorMessage | string | "२०९९ साल भन्दा बढी मिति समावेश हुने छैन" | Error message, shown if date is more then maximal date | | minDateErrorMessage | string | "१९७० साल भन्दा कम मिति समावेश हुने छैन" | Error message, shown if date is less then minimal date | | invalidFormatMessage | string | "मान्य ढाँचामा नभएको मिति समावेश हुने छैन" | Message displaying in text field if date is invalid | | invalidDateMessage | string | "पात्रोमा नभएको मिति समावेश गरिने छैन" | Message displaying in the text field if date is not in the calendar . For example 2077-12-35 |