@rnwonder/react-date-picker
Version:
A simple and reusable Datepicker component for ReactJS ([Demo](https://stackblitz.com/edit/solidjs-templates-dof6jl?file=src%2FApp.tsx))
2 lines (1 loc) • 1.5 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../Selector/index.js"),e=require("../SelectorTriggerButton/index.js"),r=require("react"),n=r.memo(r.forwardRef(((n,l)=>{const a=r.useMemo((()=>Array.from({length:12},((o,t)=>new Date(0,t+1,0).toLocaleDateString(n.locale||"en",{month:(null==n?void 0:n.monthSelectorFormat)?n.monthSelectorFormat:"compact-dropdown"===n.monthSelectorType?"short":"long"})))),[n.locale,n.monthSelectorFormat,n.monthSelectorType]);return o.jsx(o.Fragment,{children:"compact-dropdown"===n.monthSelectorType?o.jsx(t.Selector,{...n,optionsArray:a,option:n.month,setOption:n.setMonth,ref:l,gridTemplateColumnsNo:"long"===n.monthSelectorFormat?"3":"6",attributes:{"data-month":"true"},className:"month-selector-option",zIndex:n.zIndex,primaryColor:n.primaryColor,primaryTextColor:n.primaryTextColor,twoMonthsDisplay:n.twoMonthsDisplay}):o.jsx(e.SelectorTriggerButton,{option:n.month,optionsArray:a,type:"full-size",isOpen:n.showSelectorTwo||!1,twoMonthsDisplay:n.twoMonthsDisplay,onClick:()=>{var o,t;null==(o=n.setSelectorTwoProps)||o.call(n,{...n,optionsArray:a,option:n.month,setOption:n.setMonth,attributes:{"data-month":"true"},className:"month-selector-option",zIndex:n.zIndex,primaryTextColor:n.primaryTextColor,primaryColor:n.primaryColor,twoMonthsDisplay:n.twoMonthsDisplay}),null==(t=n.setShowSelectorTwo)||t.call(n,!0)},noButtonAnimation:n.noButtonAnimation})})})));exports.MonthSelector=n;