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

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

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