react-select-datepicker 1.1.0 → 2.0.0

package/README.md

@@ -1,68 +1,45 @@
-# react-select-datepicker
-
->
-
-[![NPM](https://img.shields.io/npm/v/react-select-datepicker.svg)](https://www.npmjs.com/package/react-select-datepicker) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-A simple and reusable dropdown datepicker component for React ([Demo](https://jeffmcammond.com/react-select-datepicker/))
-
-![Select Datepicker](https://github.com/jmcammond/react-select-datepicker/raw/master/example/assets/select-datepicker.png 'Select Datepicker')
-
-## Install
-
-```bash
-npm install --save react-select-datepicker
-```
-
-## Usage
-
-```tsx
-import React, { useState, useCallback } from 'react';
-import SelectDatepicker from 'react-select-datepicker';
-
-export const App = () => {
-  const [value, setValue] = useState<Date | null>(null);
-
-  const onDateChange = useCallback((date: Date) => {
-    setValue(date);
-  }, []);
-
-  return (
-    <SelectDatepicker
-      value={value}
-      onDateChange={onDateChange}
-      minDate={new Date(1900, 0, 1)}
-      maxDate={new Date()}
-    />
-  );
-};
-```
-
-## Available Props
-
-| Prop             | Type    | Default                                   | Options                                                                                                    |
-| ---------------- | ------- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
-| value            | Date    | -                                         | -                                                                                                          |
-| minDate          | Date    | -                                         | -                                                                                                          |
-| maxDate          | Date    | -                                         | -                                                                                                          |
-| maxDateMessage   | string  | 'Date must be less than {maxDate + 1}'    | -                                                                                                          |
-| minDateMessage   | string  | 'Date must be greater than {minDate - 1}' | -                                                                                                          |
-| invalidMessage   | string  | 'Not a valid date'                        | -                                                                                                          |
-| showLabels       | boolean | true                                      | true, false                                                                                                |
-| showPlaceholders | boolean | true                                      | true, false                                                                                                |
-| showErrors       | boolean | true                                      | true, false                                                                                                |
-| onDateChange     | func    | -                                         | -                                                                                                          |
-| format           | string  | 'month/day/year'                          | 'day/month/year', 'day/year/month', 'month/day/year', 'month/year/day', 'year/month/day', 'year/day/month' |
-| labels           | Object  | English labels                            | { year: 'Year'; month: 'Month'; day: 'Day'; }                                                              |
-| monthNames       | Array   | English month names                       | ['Jan', 'Feb', 'Mar'...]                                                                                   |
-
-## Notes
-
-#### Year Select Field
-
-If no minDate is provided than the minium year that can be selected is 1900  
-If no maxDate is provided than the maxium year that can be selected is the current
-
-## License
-
-MIT © [JMcAmmond](https://github.com/JMcAmmond)
+# react-select-datepicker
+
+A simple and reusable dropdown datepicker component for React ([Demo](https://jeffmcammond.com/react-select-datepicker/))
+
+[![NPM](https://img.shields.io/npm/v/react-select-datepicker.svg)](https://www.npmjs.com/package/react-select-datepicker)
+![npm bundle size](https://img.shields.io/bundlephobia/min/react-select-datepicker)
+![GitHub contributors](https://img.shields.io/github/contributors/jmcammond/react-select-datepicker)
+![npm](https://img.shields.io/npm/dt/react-select-datepicker)
+![NPM](https://img.shields.io/npm/l/react-select-datepicker)
+
+![Select Datepicker](https://github.com/jmcammond/react-select-datepicker/raw/master/example/assets/select-datepicker.png 'Select Datepicker')
+
+## Install
+
+```bash
+npm install --save react-select-datepicker
+```
+
+## Usage
+
+```tsx
+import React, { useState, useCallback } from 'react';
+import { SelectDatepicker } from 'react-select-datepicker';
+
+export const App = () => {
+  const [value, setValue] = useState<Date | null>();
+
+  const onDateChange = useCallback((date: Date) => {
+    setValue(date);
+  }, []);
+
+  return (
+    <SelectDatepicker
+      value={value}
+      onDateChange={onDateChange}
+      minDate={new Date(1900, 0, 1)}
+      maxDate={new Date()}
+    />
+  );
+};
+```
+
+## License
+
+MIT © [JMcAmmond](https://github.com/JMcAmmond)

package/dist/_virtual/_tslib.js

@@ -0,0 +1,15 @@
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var r=function(){return r=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r},r.apply(this,arguments)};function t(r,t){var e={};for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&t.indexOf(n)<0&&(e[n]=r[n]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(r);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(r,n[o])&&(e[n[o]]=r[n[o]])}return e}export{r as __assign,t as __rest};

package/dist/components/OptionsRenderer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface IOptionsRenderer {
+    options: {
+        value: number;
+        label: string;
+    }[];
+}
+export declare const OptionsRenderer: ({ options }: IOptionsRenderer) => JSX.Element;
+export {};

package/dist/components/OptionsRenderer.js

@@ -0,0 +1 @@
+import e,{useMemo as t}from"react";var n=function(n){var r=n.options,a=t((function(){return r.map((function(t,n){return e.createElement("option",{key:t.value,value:t.value},t.label)}))}),[r]);return e.createElement(e.Fragment,null,a)};export{n as OptionsRenderer};

package/dist/components/SelectDatepicker.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ISelectDatepicker } from '../interfaces/ISelectDatePicker';
+declare const SelectDatepicker: ({ id, className, minDate, maxDate, selectedDate, onDateChange, disabled, hasError, monthRef, yearRef, dayRef, options, ...args }: ISelectDatepicker) => JSX.Element;
+export { SelectDatepicker };

package/dist/components/SelectDatepicker.js

@@ -0,0 +1 @@
+import{__rest as e,__assign as l}from"../_virtual/_tslib.js";import a,{useState as o,useMemo as n,useCallback as t,useEffect as r}from"react";import{getYearsObject as i,getMonthsObject as d,getDaysObject as s}from"../utils/helpers.js";import{OptionsRenderer as u}from"./OptionsRenderer.js";import{SelectRenderer as c}from"./SelectRenderer.js";var v=function(v){var m,b,h,f,p,y,g,L=v.id,D=v.className,N=v.minDate,w=v.maxDate,E=v.selectedDate,R=v.onDateChange,P=v.disabled,j=void 0!==P&&P,C=v.hasError,Y=void 0!==C&&C,x=v.monthRef,O=v.yearRef,S=v.dayRef,H=v.options,M=void 0===H?{}:H,k=e(v,["id","className","minDate","maxDate","selectedDate","onDateChange","disabled","hasError","monthRef","yearRef","dayRef","options"]),F=o(-1),_=F[0],q=F[1],z=o(-1),A=z[0],B=z[1],G=o(-1),I=G[0],J=G[1],K=n((function(){return M.order?M.order.split("/"):["month","day","year"]}),[M.order]),Q=n((function(){return["sdp-select-datepicker",D].join(" ")}),[D]),T=n((function(){return a.createElement(u,{options:i(N,w,M.reverseYears)})}),[w,M.reverseYears,N]),U=n((function(){var e;return a.createElement(u,{options:d(N,w,_,null===(e=M.labels)||void 0===e?void 0:e.months)})}),[w,null===(m=M.labels)||void 0===m?void 0:m.months,N,_]),V=n((function(){return a.createElement(u,{options:s(N,w,A,_)})}),[w,A,N,_]),W=t((function(e){q(Number(e.target.value)),d(N,w,Number(e.target.value)).some((function(e){return e.value===A}))||B(-1),s(N,w,A,Number(e.target.value)).some((function(e){return e.value===I}))||J(-1)}),[I,A,N,w]),X=t((function(e){B(Number(e.target.value)),s(N,w,Number(e.target.value),_).some((function(e){return e.value===I}))||J(-1)}),[I,_,N,w]),Z=t((function(e){J(Number(e.target.value))}),[]),$=n((function(){var e,l,o,n,t,r;return{day:a.createElement(c,{id:"day",labels:{show:void 0===M.showLabels||M.showLabels,main:(null===(e=M.labels)||void 0===e?void 0:e.dayLabel)||"Day",placeholder:(null===(l=M.labels)||void 0===l?void 0:l.dayPlaceholder)||"Select Day"},value:I,disabled:j,onChangeHandler:Z,selectOptions:V,ref:S}),month:a.createElement(c,{id:"month",labels:{show:void 0===M.showLabels||M.showLabels,main:(null===(o=M.labels)||void 0===o?void 0:o.monthLabel)||"Month",placeholder:(null===(n=M.labels)||void 0===n?void 0:n.monthPlaceholder)||"Select Month"},value:A,disabled:j,onChangeHandler:X,selectOptions:U,ref:x}),year:a.createElement(c,{id:"year",labels:{show:void 0===M.showLabels||M.showLabels,main:(null===(t=M.labels)||void 0===t?void 0:t.yearLabel)||"Year",placeholder:(null===(r=M.labels)||void 0===r?void 0:r.yearPlaceholder)||"Select Year"},value:_,disabled:j,onChangeHandler:W,selectOptions:T,ref:O})}}),[I,V,S,j,Z,X,W,A,U,x,null===(b=M.labels)||void 0===b?void 0:b.dayLabel,null===(h=M.labels)||void 0===h?void 0:h.dayPlaceholder,null===(f=M.labels)||void 0===f?void 0:f.monthLabel,null===(p=M.labels)||void 0===p?void 0:p.monthPlaceholder,null===(y=M.labels)||void 0===y?void 0:y.yearLabel,null===(g=M.labels)||void 0===g?void 0:g.yearPlaceholder,M.showLabels,_,T,O]);return r((function(){null!=E&&(J(Number(E.getDate())),B(Number(E.getMonth()+1)),q(Number(E.getFullYear())))}),[E]),r((function(){R(-1!==_&&-1!==A&&-1!==I?new Date("".concat(A,"/").concat(I,"/").concat(_)):null)}),[I,A,_]),a.createElement("div",l({},k,{style:{display:"flex"},id:L,className:Q},Y?{"aria-invalid":!0}:null),K.map((function(e,l){return a.createElement(a.Fragment,{key:"".concat(e,"-").concat(l)},$[e])})))};export{v as SelectDatepicker};

package/dist/components/SelectRenderer.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface ISelectRenderer {
+    id: string;
+    labels: {
+        show?: boolean;
+        main?: string;
+        placeholder?: string;
+    };
+    value: number;
+    disabled?: boolean;
+    onChangeHandler: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    selectOptions: JSX.Element;
+    ref?: React.LegacyRef<HTMLSelectElement>;
+}
+export declare const SelectRenderer: ({ id, labels, value, disabled, onChangeHandler, selectOptions, ref, }: ISelectRenderer) => JSX.Element;
+export {};

package/dist/components/SelectRenderer.js

@@ -0,0 +1 @@
+import e from"react";var l=function(l){var a=l.id,t=l.labels,n=l.value,c=l.disabled,r=l.onChangeHandler,s=l.selectOptions,o=l.ref;return e.createElement("div",{style:{display:"flex",flexDirection:"column"},className:"sdp_select-container-".concat(a)},t.show&&e.createElement("label",{htmlFor:a},t.main),e.createElement("select",{id:a,value:n,disabled:c,onChange:r,ref:o,className:"spd_select-".concat(a)},e.createElement("option",{value:-1,disabled:!0},t.placeholder),s))};export{l as SelectRenderer};

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { ISelectDatePicker } from './interfaces';
-declare const SelectDatepicker: React.FC<ISelectDatePicker>;
-export default SelectDatepicker;
+export { SelectDatepicker } from './components/SelectDatepicker';
+export { ISelectDatepicker } from './interfaces/ISelectDatePicker';
+export { SelectDatepickerOptions } from './types/SelectDatepickerOptions';

package/dist/index.js

@@ -1,305 +1 @@
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var React = require('react');
-var React__default = _interopDefault(React);
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-var buildDateFromInput = function buildDateFromInput(day, month, year) {
-  var date = new Date(Number(year), Number(month) - 1, Number(day));
-  return date;
-};
-
-var isValidDateObject = function isValidDateObject(date, day, month, year) {
-  var isDate = Object.prototype.toString.call(date) === '[object Date]';
-  var dayMatch = date.getDate() === Number(day);
-  var monthMatch = date.getMonth() === Number(month) - 1;
-  var yearMatch = date.getFullYear() === Number(year);
-  return isDate && dayMatch && monthMatch && yearMatch;
-};
-
-var isValidDate = function isValidDate(day, month, year, props) {
-  var userDate = buildDateFromInput(day, month, year);
-
-  if (!isValidDateObject(userDate, day, month, year)) {
-    return props.invalidMessage || 'Not a valid date';
-  }
-
-  if (props.maxDate) {
-    var maxDate = props.maxDate;
-
-    if (userDate > maxDate) {
-      var maxDatePlusOne = new Date(maxDate);
-      maxDatePlusOne.setDate(maxDatePlusOne.getDate() + 1);
-      return props.maxDateMessage || "Date must be less than " + maxDatePlusOne.toDateString().substring(3);
-    }
-  }
-
-  if (props.minDate) {
-    var minDate = props.minDate;
-
-    if (userDate < minDate) {
-      var minDateMinusOne = new Date(minDate);
-      minDateMinusOne.setDate(minDateMinusOne.getDate() - 1);
-      return props.minDateMessage || "Date must be greater than " + minDateMinusOne.toDateString().substring(3);
-    }
-  }
-
-  return '';
-};
-
-var MONTHMAP = {
-  1: 'January',
-  2: 'February',
-  3: 'March',
-  4: 'April',
-  5: 'May',
-  6: 'June',
-  7: 'July',
-  8: 'August',
-  9: 'September',
-  10: 'October',
-  11: 'November',
-  12: 'December'
-};
-
-var getDays = function getDays(showPlaceholder, dayLabel) {
-  var days = [];
-  days.push(React__default.createElement("option", {
-    value: "",
-    disabled: true
-  }, showPlaceholder ? dayLabel || 'Day' : ''));
-
-  for (var i = 1; i <= 31; i += 1) {
-    days.push(React__default.createElement("option", {
-      value: "" + i
-    }, i));
-  }
-
-  return days;
-};
-
-var getMonths = function getMonths(showPlaceholder, monthLabel, monthNames) {
-  var months = [];
-  months.push(React__default.createElement("option", {
-    value: "",
-    disabled: true
-  }, showPlaceholder ? monthLabel || 'Month' : ''));
-
-  for (var i = 1; i <= 12; i += 1) {
-    months.push(React__default.createElement("option", {
-      value: "" + i
-    }, monthNames ? monthNames[i - 1] : MONTHMAP[i]));
-  }
-
-  return months;
-};
-
-var getYears = function getYears(max, min, showPlaceholder, value, yearLabel) {
-  var years = [];
-  var maxYear;
-  var minYear;
-
-  if (max !== undefined) {
-    maxYear = max.getFullYear();
-  } else {
-    maxYear = new Date().getFullYear();
-  }
-
-  if (min !== undefined) {
-    minYear = min.getFullYear();
-  } else {
-    minYear = 1900;
-  }
-
-  if (value) {
-    if (Number(value) > maxYear) {
-      maxYear = Number(value);
-    }
-
-    if (Number(value) < minYear) {
-      minYear = Number(value);
-    }
-  }
-
-  years.push(React__default.createElement("option", {
-    value: "",
-    disabled: true
-  }, showPlaceholder ? yearLabel || 'Year' : ''));
-
-  for (var i = maxYear; i >= minYear; i -= 1) {
-    years.push(React__default.createElement("option", {
-      value: "" + i
-    }, i));
-  }
-
-  return years;
-};
-
-var spreadDateToObject = function spreadDateToObject(dateValue) {
-  return {
-    day: dateValue ? "" + dateValue.getDate() : '',
-    month: dateValue ? "" + (dateValue.getMonth() + 1) : '',
-    year: dateValue ? "" + dateValue.getFullYear() : ''
-  };
-};
-
-var flexRow = {
-  display: 'flex',
-  flexDirection: 'row'
-};
-var flexColumn = {
-  display: 'flex',
-  flexDirection: 'column'
-};
-
-var SelectDatepicker = function SelectDatepicker(props) {
-  var _useState = React.useState(true),
-      isDirty = _useState[0],
-      setIsDirty = _useState[1];
-
-  var _useState2 = React.useState(false),
-      hasError = _useState2[0],
-      setHasError = _useState2[1];
-
-  var _useState3 = React.useState(),
-      error = _useState3[0],
-      setError = _useState3[1];
-
-  var _useState4 = React.useState(spreadDateToObject(props.value)),
-      date = _useState4[0],
-      setDate = _useState4[1];
-
-  var orderArray = React.useMemo(function () {
-    return props.format.split('/');
-  }, [props.format]);
-  var onDateChange = React.useCallback(function (newDate) {
-    props.onDateChange(newDate);
-  }, [props]);
-  var validDateChange = React.useCallback(function () {
-    var newDate = buildDateFromInput(date.day, date.month, date.year);
-    onDateChange(newDate);
-  }, [date.day, date.month, date.year, onDateChange]);
-  var renderError = React.useCallback(function (err, hasErr) {
-    setError(err);
-    setHasError(hasErr);
-    onDateChange(null);
-  }, [onDateChange]);
-  var validate = React.useCallback(function () {
-    var day = date.day,
-        month = date.month,
-        year = date.year;
-
-    if (!day || !month || !year) {
-      onDateChange(null);
-      return;
-    }
-
-    var errorString = isValidDate(day, month, year, props);
-
-    if (errorString !== '') {
-      renderError(errorString, true);
-      return;
-    }
-
-    validDateChange();
-  }, [date, onDateChange, props, renderError, validDateChange]);
-  var onInputChange = React.useCallback(function (e) {
-    var _extends2;
-
-    setDate(_extends({}, date, (_extends2 = {}, _extends2[e.target.name] = e.target.value, _extends2)));
-    setIsDirty(true);
-  }, [date]);
-  var inputField = React.useCallback(function (id, label, value, options) {
-    var className = "rsd_" + id + "-container";
-    return React__default.createElement("div", {
-      className: "" + className,
-      style: flexColumn
-    }, props.showLabels ? React__default.createElement("label", {
-      htmlFor: id
-    }, label) : null, React__default.createElement("select", {
-      className: "" + (hasError ? 'has-error' : ''),
-      id: id,
-      name: id,
-      value: value,
-      onChange: onInputChange
-    }, options.map(function (option, i) {
-      return React__default.createElement(React__default.Fragment, {
-        key: option + "-" + i
-      }, option);
-    })));
-  }, [hasError, onInputChange, props.showLabels]);
-  var dateField = React.useMemo(function () {
-    var showPlaceholders = props.showPlaceholders,
-        monthNames = props.monthNames,
-        maxDate = props.maxDate,
-        minDate = props.minDate,
-        labels = props.labels;
-    var dayLabel = labels && labels.day || 'Day';
-    var monthLabel = labels && labels.month || 'Month';
-    var yearLabel = labels && labels.year || 'Year';
-    var fields = {
-      day: inputField('day', dayLabel, date.day, getDays(showPlaceholders, dayLabel)),
-      month: inputField('month', monthLabel, date.month, getMonths(showPlaceholders, monthLabel, monthNames)),
-      year: inputField('year', yearLabel, date.year, getYears(maxDate, minDate, showPlaceholders, date.year, yearLabel))
-    };
-    return fields;
-  }, [date.day, date.month, date.year, inputField, props]);
-  React.useEffect(function () {
-    if (isDirty) {
-      setError('');
-      setHasError(false);
-      validate();
-      setIsDirty(false);
-    }
-  }, [isDirty]);
-  React.useEffect(function () {
-    var value = props.value;
-    var day = date.day,
-        month = date.month,
-        year = date.year;
-
-    if (value !== null && value !== buildDateFromInput(day, month, year)) {
-      setDate(spreadDateToObject(value));
-    }
-  }, [props]);
-  return React__default.createElement("div", {
-    className: "rsd " + props.className
-  }, React__default.createElement("div", {
-    className: "rsd_date-container",
-    style: flexRow
-  }, orderArray.map(function (key, i) {
-    return React__default.createElement(React__default.Fragment, {
-      key: key + "-" + i
-    }, dateField[key]);
-  })), props.showErrors && hasError && React__default.createElement("div", {
-    className: "error-message"
-  }, error));
-};
-SelectDatepicker.defaultProps = {
-  value: null,
-  showLabels: true,
-  showPlaceholders: true,
-  showErrors: true,
-  format: 'month/day/year',
-  className: ''
-};
-
-module.exports = SelectDatepicker;
-//# sourceMappingURL=index.js.map
+export{SelectDatepicker}from"./components/SelectDatepicker.js";

package/dist/interfaces/ISelectDatePicker.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { SelectDatepickerOptions } from '../types/SelectDatepickerOptions';
+export interface ISelectDatepicker {
+    id?: string;
+    className?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    selectedDate?: Date | null;
+    onDateChange: (date: Date | null) => void;
+    options?: SelectDatepickerOptions;
+    disabled?: boolean;
+    hasError?: boolean;
+    monthRef?: React.LegacyRef<HTMLSelectElement>;
+    yearRef?: React.LegacyRef<HTMLSelectElement>;
+    dayRef?: React.LegacyRef<HTMLSelectElement>;
+}

package/dist/types/SelectDatepickerOptions.d.ts

@@ -0,0 +1,28 @@
+export declare type Months = {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    11: string;
+    12: string;
+};
+export declare type SelectDatepickerOptions = {
+    labels?: {
+        yearLabel?: string;
+        monthLabel?: string;
+        dayLabel?: string;
+        yearPlaceholder?: string;
+        monthPlaceholder?: string;
+        dayPlaceholder?: string;
+        months?: Months;
+    };
+    reverseYears?: boolean;
+    showLabels?: boolean;
+    order?: 'day/month/year' | 'day/year/month' | 'month/day/year' | 'month/year/day' | 'year/month/day' | 'year/day/month';
+};

package/dist/utils/helpers.d.ts

@@ -0,0 +1,18 @@
+import { Months } from '../types/SelectDatepickerOptions';
+export declare const range: (start: number, stop: number, step: number) => number[];
+export declare const getAllDaysInMonth: (year: number, month: number) => number[];
+export declare const englishMonths: Months;
+export declare const getYearsObject: (start?: Date | undefined, end?: Date | undefined, reverse?: boolean) => {
+    value: number;
+    label: string;
+}[];
+export declare const getMonthsObject: (start?: Date | undefined, end?: Date | undefined, selectedYear?: number, months?: {
+    [key: string]: string;
+}) => {
+    value: number;
+    label: string;
+}[];
+export declare const getDaysObject: (start?: Date | undefined, end?: Date | undefined, selectedMonth?: number, selectedYear?: number) => {
+    value: number;
+    label: string;
+}[];

package/dist/utils/helpers.js

@@ -0,0 +1 @@
+var e=function(e,t,r){return Array.from({length:(t-e)/r+1},(function(t,n){return e+n*r}))},t=function(e,t){for(var r=new Date("".concat(e,"/").concat(t,"/01")),n=[];r.getMonth()+1===t;)n.push(new Date(r).getDate()),r.setDate(r.getDate()+1);return n},r={1:"January",2:"February",3:"March",4:"April",5:"May",6:"June",7:"July",8:"August",9:"September",10:"October",11:"November",12:"December"},n=function(t,r,n){void 0===n&&(n=!0);var a=e(t?t.getFullYear():1900,r?r.getFullYear():(new Date).getFullYear(),1);return n&&(a=a.reverse()),a.map((function(e,t){return{value:e,label:"".concat(e)}}))},a=function(t,n,a,u){void 0===a&&(a=-1),void 0===u&&(u=r);var l=e(1,12,1);if(n&&-1!==a&&a===n.getFullYear()){var o=n.getMonth()+1;l=l.slice(0,o)}if(t&&-1!==a&&a===t.getFullYear()){var c=t.getMonth()+1;l=l.slice(c-1,l.length)}return l.map((function(e,t){return{value:e,label:u[e]}}))},u=function(r,n,a,u){void 0===a&&(a=-1),void 0===u&&(u=-1);var l=[];if(-1===a)return(l=e(1,31,1)).map((function(e,t){return{value:e,label:"".concat(e)}}));if(l=t(-1===u?1900:u,a),n&&u===n.getFullYear()&&a===n.getMonth()+1){var o=n.getDate();l=l.slice(0,o)}if(r&&u===r.getFullYear()&&a===r.getMonth()+1){var c=r.getDate();l=l.slice(c-1,l.length)}return l.map((function(e,t){return{value:e,label:"".concat(e)}}))};export{r as englishMonths,t as getAllDaysInMonth,u as getDaysObject,a as getMonthsObject,n as getYearsObject,e as range};