@start-base/react-form-elements/Calendar/index.js

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

"use strict";var e=require("react"),a=require("clsx"),l=require("react-day-picker");function r(e){return e&&e.__esModule?e:{default:e}}var t=r(e),n=r(a),o=Object.defineProperty,s=Object.defineProperties,d=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,i=(e,a,l)=>a in e?o(e,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):e[a]=l,f=(e,a)=>{for(var l in a||(a={}))m.call(a,l)&&i(e,l,a[l]);if(u)for(var l of u(a))c.call(a,l)&&i(e,l,a[l]);return e},b=(e,a)=>s(e,d(a)),p=(e,a)=>{var l={};for(var r in e)m.call(e,r)&&a.indexOf(r)<0&&(l[r]=e[r]);if(null!=e&&u)for(var r of u(e))a.indexOf(r)<0&&c.call(e,r)&&(l[r]=e[r]);return l},v="SUI-CalendarRoot-module-calendar-YEe-7",C="SUI-CalendarRoot-module-months--6KTQ",N="SUI-CalendarRoot-module-month-aa13w",h="SUI-CalendarRoot-module-captionLabel-Q-PII",I="SUI-CalendarRoot-module-disabled-LmYOQ",O="SUI-CalendarRoot-module-error-qiefI",S=e=>{var a=e,{disabled:r,error:o,className:s,classNames:d,calendarClassName:u,numberOfMonths:m=1}=a,c=p(a,["disabled","error","className","classNames","calendarClassName","numberOfMonths"]);return t.default.createElement(l.DayPicker,b(f({disabled:r,className:n.default(v,"globals_rdp",{[s||""]:s})},c),{numberOfMonths:m,classNames:f(f(b(f({},d),{caption_label:n.default(h,{[(null==d?void 0:d.caption_label)||""]:null==d?void 0:d.caption_label})}),1===m?{month:n.default({[N]:1===m,[I]:r,[u||""]:u,[(null==d?void 0:d.month)||""]:null==d?void 0:d.month,[O]:o})}:{}),m>1?{months:n.default({[O]:o,[C]:m>1,[I]:r,[(null==d?void 0:d.months)||""]:null==d?void 0:d.months,[u||""]:u})}:{})}))},y="SUI-Calendar-module-root-ZiZ-b",g="SUI-Calendar-module-inputRoot-kIKtq",U="SUI-Calendar-module-label-kSquR",E="SUI-Calendar-module-errorLabel-xmLcS",R=e.forwardRef(((a,l)=>{var r=a,{name:o,onChange:s,error:d=null,label:u=null,value:m=null,labelClassName:c=null,errorClassName:i=null,calendarClassName:b=null,disabled:v=!1}=r,C=p(r,["name","onChange","error","label","value","labelClassName","errorClassName","calendarClassName","disabled"]);const N=e.useMemo((()=>d&&"string"==typeof d?d:d&&"object"==typeof d&&(null==d?void 0:d.message)?d.message:null),[d]),h=e.useMemo((()=>t.default.createElement("label",{htmlFor:o,className:n.default(U,{[c||""]:c})},u)),[o,c,u]);return t.default.createElement("div",{className:n.default(y)},t.default.createElement("div",{className:n.default(g)},u?h:null,t.default.createElement("input",{type:"hidden",name:o,value:m?m.toISOString():"",ref:l}),t.default.createElement(S,f({className:"globals_rdp",calendarClassName:b,error:d,disabled:v,selected:m instanceof Date?m:void 0,onSelect:e=>{e&&s({target:{name:o,value:e}})}},C))),N&&t.default.createElement("span",{className:n.default(E,{[i||""]:i})},N))}));R.displayName="Calendar";var j=R;module.exports=j;