@start-base/react-form-elements
Version:
Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.
1 lines • 26 kB
JavaScript
import e,{forwardRef as t,useState as n,useRef as a,useImperativeHandle as r,useMemo as o}from"react";import{FocusOn as i}from"react-focus-on";import{usePopper as l}from"react-popper";import u from"clsx";import{DayPicker as s}from"react-day-picker";var d=Object.defineProperty,c=Object.defineProperties,m=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(e,t,n)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,p=(e,t)=>{for(var n in t||(t={}))f.call(t,n)&&b(e,n,t[n]);if(h)for(var n of h(t))g.call(t,n)&&b(e,n,t[n]);return e},w=(e,t)=>c(e,m(t)),v=(e,t)=>{var n={};for(var a in e)f.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&h)for(var a of h(e))t.indexOf(a)<0&&g.call(e,a)&&(n[a]=e[a]);return n},y={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function k(e){return(t={})=>{const n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}var M={date:k({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:k({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:k({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},S={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function P(e){return(t,n)=>{let a;if("formatting"===((null==n?void 0:n.context)?String(n.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,r=(null==n?void 0:n.width)?String(n.width):t;a=e.formattingValues[r]||e.formattingValues[t]}else{const t=e.defaultWidth,r=(null==n?void 0:n.width)?String(n.width):e.defaultWidth;a=e.values[r]||e.values[t]}return a[e.argumentCallback?e.argumentCallback(t):t]}}function D(e){return(t,n={})=>{const a=n.width,r=a&&e.matchPatterns[a]||e.matchPatterns[e.defaultMatchWidth],o=t.match(r);if(!o)return null;const i=o[0],l=a&&e.parsePatterns[a]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(l)?function(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n;return}(l,(e=>e.test(i))):function(e,t){for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n;return}(l,(e=>e.test(i)));let s;s=e.valueCallback?e.valueCallback(u):u,s=n.valueCallback?n.valueCallback(s):s;return{value:s,rest:t.slice(i.length)}}}var x,C={code:"en-US",formatDistance:(e,t,n)=>{let a;const r=y[e];return a="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),(null==n?void 0:n.addSuffix)?n.comparison&&n.comparison>0?"in "+a:a+" ago":a},formatLong:M,formatRelative:(e,t,n,a)=>S[e],localize:{ordinalNumber:(e,t)=>{const n=Number(e),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:P({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:P({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:P({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:P({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:P({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(x={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const n=e.match(x.matchPattern);if(!n)return null;const a=n[0],r=e.match(x.parsePattern);if(!r)return null;let o=x.valueCallback?x.valueCallback(r[0]):r[0];return o=t.valueCallback?t.valueCallback(o):o,{value:o,rest:e.slice(a.length)}}),era:D({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:D({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:D({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:D({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:D({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}},N={};function W(){return N}var O=6048e5;function E(e){const t=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===t?new e.constructor(+e):"number"==typeof e||"[object Number]"===t||"string"==typeof e||"[object String]"===t?new Date(e):new Date(NaN)}function T(e){const t=E(e);return t.setHours(0,0,0,0),t}function Y(e){const t=E(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),+e-+n}function q(e,t){return e instanceof Date?new e.constructor(t):new Date(t)}function I(e){const t=E(e),n=function(e,t){const n=T(e),a=T(t),r=+n-Y(n),o=+a-Y(a);return Math.round((r-o)/864e5)}(t,function(e){const t=E(e),n=q(e,0);return n.setFullYear(t.getFullYear(),0,1),n.setHours(0,0,0,0),n}(t));return n+1}function j(e,t){var n,a,r,o,i,l,u,s;const d=W(),c=null!=(s=null!=(u=null!=(o=null!=(r=null==t?void 0:t.weekStartsOn)?r:null==(a=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:a.weekStartsOn)?o:d.weekStartsOn)?u:null==(l=null==(i=d.locale)?void 0:i.options)?void 0:l.weekStartsOn)?s:0,m=E(e),h=m.getDay(),f=(h<c?7:0)+h-c;return m.setDate(m.getDate()-f),m.setHours(0,0,0,0),m}function L(e){return j(e,{weekStartsOn:1})}function F(e){const t=E(e),n=t.getFullYear(),a=q(e,0);a.setFullYear(n+1,0,4),a.setHours(0,0,0,0);const r=L(a),o=q(e,0);o.setFullYear(n,0,4),o.setHours(0,0,0,0);const i=L(o);return t.getTime()>=r.getTime()?n+1:t.getTime()>=i.getTime()?n:n-1}function H(e){const t=E(e),n=+L(t)-+function(e){const t=F(e),n=q(e,0);return n.setFullYear(t,0,4),n.setHours(0,0,0,0),L(n)}(t);return Math.round(n/O)+1}function U(e,t){var n,a,r,o,i,l,u,s;const d=E(e),c=d.getFullYear(),m=W(),h=null!=(s=null!=(u=null!=(o=null!=(r=null==t?void 0:t.firstWeekContainsDate)?r:null==(a=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:a.firstWeekContainsDate)?o:m.firstWeekContainsDate)?u:null==(l=null==(i=m.locale)?void 0:i.options)?void 0:l.firstWeekContainsDate)?s:1,f=q(e,0);f.setFullYear(c+1,0,h),f.setHours(0,0,0,0);const g=j(f,t),b=q(e,0);b.setFullYear(c,0,h),b.setHours(0,0,0,0);const p=j(b,t);return d.getTime()>=g.getTime()?c+1:d.getTime()>=p.getTime()?c:c-1}function z(e,t){const n=E(e),a=+j(n,t)-+function(e,t){var n,a,r,o,i,l,u,s;const d=W(),c=null!=(s=null!=(u=null!=(o=null!=(r=null==t?void 0:t.firstWeekContainsDate)?r:null==(a=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:a.firstWeekContainsDate)?o:d.firstWeekContainsDate)?u:null==(l=null==(i=d.locale)?void 0:i.options)?void 0:l.firstWeekContainsDate)?s:1,m=U(e,t),h=q(e,0);return h.setFullYear(m,0,c),h.setHours(0,0,0,0),j(h,t)}(n,t);return Math.round(a/O)+1}function Q(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}var A={y(e,t){const n=e.getFullYear(),a=n>0?n:1-n;return Q("yy"===t?a%100:a,t.length)},M(e,t){const n=e.getMonth();return"M"===t?String(n+1):Q(n+1,2)},d:(e,t)=>Q(e.getDate(),t.length),a(e,t){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];default:return"am"===n?"a.m.":"p.m."}},h:(e,t)=>Q(e.getHours()%12||12,t.length),H:(e,t)=>Q(e.getHours(),t.length),m:(e,t)=>Q(e.getMinutes(),t.length),s:(e,t)=>Q(e.getSeconds(),t.length),S(e,t){const n=t.length,a=e.getMilliseconds();return Q(Math.trunc(a*Math.pow(10,n-3)),t.length)}},G="midnight",X="noon",B="morning",R="afternoon",$="evening",J="night",V={G:function(e,t,n){const a=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});default:return n.era(a,{width:"wide"})}},y:function(e,t,n){if("yo"===t){const t=e.getFullYear(),a=t>0?t:1-t;return n.ordinalNumber(a,{unit:"year"})}return A.y(e,t)},Y:function(e,t,n,a){const r=U(e,a),o=r>0?r:1-r;if("YY"===t){return Q(o%100,2)}return"Yo"===t?n.ordinalNumber(o,{unit:"year"}):Q(o,t.length)},R:function(e,t){return Q(F(e),t.length)},u:function(e,t){return Q(e.getFullYear(),t.length)},Q:function(e,t,n){const a=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(a);case"QQ":return Q(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(e,t,n){const a=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(a);case"qq":return Q(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(e,t,n){const a=e.getMonth();switch(t){case"M":case"MM":return A.M(e,t);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(e,t,n){const a=e.getMonth();switch(t){case"L":return String(a+1);case"LL":return Q(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(e,t,n,a){const r=z(e,a);return"wo"===t?n.ordinalNumber(r,{unit:"week"}):Q(r,t.length)},I:function(e,t,n){const a=H(e);return"Io"===t?n.ordinalNumber(a,{unit:"week"}):Q(a,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getDate(),{unit:"date"}):A.d(e,t)},D:function(e,t,n){const a=I(e);return"Do"===t?n.ordinalNumber(a,{unit:"dayOfYear"}):Q(a,t.length)},E:function(e,t,n){const a=e.getDay();switch(t){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(e,t,n,a){const r=e.getDay(),o=(r-a.weekStartsOn+8)%7||7;switch(t){case"e":return String(o);case"ee":return Q(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,n,a){const r=e.getDay(),o=(r-a.weekStartsOn+8)%7||7;switch(t){case"c":return String(o);case"cc":return Q(o,t.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(r,{width:"narrow",context:"standalone"});case"cccccc":return n.day(r,{width:"short",context:"standalone"});default:return n.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,n){const a=e.getDay(),r=0===a?7:a;switch(t){case"i":return String(r);case"ii":return Q(r,t.length);case"io":return n.ordinalNumber(r,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(e,t,n){const a=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(e,t,n){const a=e.getHours();let r;switch(r=12===a?X:0===a?G:a/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,n){const a=e.getHours();let r;switch(r=a>=17?$:a>=12?R:a>=4?B:J,t){case"B":case"BB":case"BBB":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,n){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),n.ordinalNumber(t,{unit:"hour"})}return A.h(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getHours(),{unit:"hour"}):A.H(e,t)},K:function(e,t,n){const a=e.getHours()%12;return"Ko"===t?n.ordinalNumber(a,{unit:"hour"}):Q(a,t.length)},k:function(e,t,n){let a=e.getHours();return 0===a&&(a=24),"ko"===t?n.ordinalNumber(a,{unit:"hour"}):Q(a,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getMinutes(),{unit:"minute"}):A.m(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getSeconds(),{unit:"second"}):A.s(e,t)},S:function(e,t){return A.S(e,t)},X:function(e,t,n){const a=e.getTimezoneOffset();if(0===a)return"Z";switch(t){case"X":return _(a);case"XXXX":case"XX":return Z(a);default:return Z(a,":")}},x:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"x":return _(a);case"xxxx":case"xx":return Z(a);default:return Z(a,":")}},O:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+K(a,":");default:return"GMT"+Z(a,":")}},z:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+K(a,":");default:return"GMT"+Z(a,":")}},t:function(e,t,n){return Q(Math.trunc(e.getTime()/1e3),t.length)},T:function(e,t,n){return Q(e.getTime(),t.length)}};function K(e,t=""){const n=e>0?"-":"+",a=Math.abs(e),r=Math.trunc(a/60),o=a%60;return 0===o?n+String(r):n+String(r)+t+Q(o,2)}function _(e,t){if(e%60==0){return(e>0?"-":"+")+Q(Math.abs(e)/60,2)}return Z(e,t)}function Z(e,t=""){const n=e>0?"-":"+",a=Math.abs(e);return n+Q(Math.trunc(a/60),2)+t+Q(a%60,2)}var ee=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},te=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},ne={p:te,P:(e,t)=>{const n=e.match(/(P+)(p+)?/)||[],a=n[1],r=n[2];if(!r)return ee(e,t);let o;switch(a){case"P":o=t.dateTime({width:"short"});break;case"PP":o=t.dateTime({width:"medium"});break;case"PPP":o=t.dateTime({width:"long"});break;default:o=t.dateTime({width:"full"})}return o.replace("{{date}}",ee(a,t)).replace("{{time}}",te(r,t))}},ae=/^D+$/,re=/^Y+$/,oe=["D","DD","YY","YYYY"];function ie(e){if(!(t=e,t instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t)||"number"==typeof e))return!1;var t;const n=E(e);return!isNaN(Number(n))}var le=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ue=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,se=/^'([^]*?)'?$/,de=/''/g,ce=/[a-zA-Z]/;function me(e,t,n){var a,r,o,i,l,u,s,d,c,m,h,f,g,b,p,w,v,y;const k=W(),M=null!=(r=null!=(a=null==n?void 0:n.locale)?a:k.locale)?r:C,S=null!=(m=null!=(c=null!=(u=null!=(l=null==n?void 0:n.firstWeekContainsDate)?l:null==(i=null==(o=null==n?void 0:n.locale)?void 0:o.options)?void 0:i.firstWeekContainsDate)?u:k.firstWeekContainsDate)?c:null==(d=null==(s=k.locale)?void 0:s.options)?void 0:d.firstWeekContainsDate)?m:1,P=null!=(y=null!=(v=null!=(b=null!=(g=null==n?void 0:n.weekStartsOn)?g:null==(f=null==(h=null==n?void 0:n.locale)?void 0:h.options)?void 0:f.weekStartsOn)?b:k.weekStartsOn)?v:null==(w=null==(p=k.locale)?void 0:p.options)?void 0:w.weekStartsOn)?y:0,D=E(e);if(!ie(D))throw new RangeError("Invalid time value");let x=t.match(ue).map((e=>{const t=e[0];if("p"===t||"P"===t){return(0,ne[t])(e,M.formatLong)}return e})).join("").match(le).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:he(e)};if(V[t])return{isToken:!0,value:e};if(t.match(ce))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}}));M.localize.preprocessor&&(x=M.localize.preprocessor(D,x));const N={firstWeekContainsDate:S,weekStartsOn:P,locale:M};return x.map((a=>{if(!a.isToken)return a.value;const r=a.value;(!(null==n?void 0:n.useAdditionalWeekYearTokens)&&function(e){return re.test(e)}(r)||!(null==n?void 0:n.useAdditionalDayOfYearTokens)&&function(e){return ae.test(e)}(r))&&function(e,t,n){const a=function(e,t,n){const a="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${a} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,n);if(console.warn(a),oe.includes(e))throw new RangeError(a)}(r,t,String(e));return(0,V[r[0]])(D,r,M.localize,N)})).join("")}function he(e){const t=e.match(se);return t?t[1].replace(de,"'"):e}var fe="SUI-CalendarRoot-module-calendar-YEe-7",ge="SUI-CalendarRoot-module-months--6KTQ",be="SUI-CalendarRoot-module-month-aa13w",pe="SUI-CalendarRoot-module-captionLabel-Q-PII",we="SUI-CalendarRoot-module-disabled-LmYOQ",ve="SUI-CalendarRoot-module-error-qiefI",ye=t=>{var n=t,{disabled:a,error:r,className:o,classNames:i,calendarClassName:l,numberOfMonths:d=1}=n,c=v(n,["disabled","error","className","classNames","calendarClassName","numberOfMonths"]);return e.createElement(s,w(p({disabled:a,className:u(fe,"globals_rdp",{[o||""]:o})},c),{numberOfMonths:d,classNames:p(p(w(p({},i),{caption_label:u(pe,{[(null==i?void 0:i.caption_label)||""]:null==i?void 0:i.caption_label})}),1===d?{month:u({[be]:1===d,[we]:a,[l||""]:l,[(null==i?void 0:i.month)||""]:null==i?void 0:i.month,[ve]:r})}:{}),d>1?{months:u({[ve]:r,[ge]:d>1,[we]:a,[(null==i?void 0:i.months)||""]:null==i?void 0:i.months,[l||""]:l})}:{})}))},ke={root:"SUI-DatePicker-module-root-ZCHx5",inputRoot:"SUI-DatePicker-module-inputRoot-0d6M3",calendar:"SUI-DatePicker-module-calendar-llEwr",label:"SUI-DatePicker-module-label-6HENn",disableShrink:"SUI-DatePicker-module-disableShrink-RuVGe",prepend:"SUI-DatePicker-module-prepend-mqH1x",placeholder:"SUI-DatePicker-module-placeholder-jAwmi",disabledLabel:"SUI-DatePicker-module-disabledLabel--7qDh",labelPlaceholder:"SUI-DatePicker-module-labelPlaceholder-CQYan",focused:"SUI-DatePicker-module-focused-nCiFM",input:"SUI-DatePicker-module-input-wX0h5",append:"SUI-DatePicker-module-append-8N2IT",appendDisabledShrink:"SUI-DatePicker-module-appendDisabledShrink-hVD5P",prependDisabledShrink:"SUI-DatePicker-module-prependDisabledShrink-kiez2",errorLabel:"SUI-DatePicker-module-errorLabel-wmr1A",inputError:"SUI-DatePicker-module-inputError-YuzYY",disabled:"SUI-DatePicker-module-disabled-p8LWN",icon:"SUI-DatePicker-module-icon-3WNRc",popper:"SUI-DatePicker-module-popper-tL-S0"},Me=t(((t,s)=>{var d=t,{name:c,onChange:m,error:h=null,label:f=null,placeholder:g,value:b="",locale:y=null,format:k="MM/dd/yyyy",inputClassName:M=null,labelClassName:S=null,errorClassName:P=null,calendarClassName:D=null,prepend:x=null,prependClassName:C=null,append:N=e.createElement("svg",{className:ke.icon,xmlns:"http://www.w3.org/2000/svg",width:"20px",height:"20px",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24"},e.createElement("rect",{width:18,height:18,x:3,y:4,rx:2,ry:2}),e.createElement("path",{d:"M16 2v4M8 2v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01"})),appendClassName:W=null,disableShrink:O=!1,disabled:E=!1}=d,T=v(d,["name","onChange","error","label","placeholder","value","locale","format","inputClassName","labelClassName","errorClassName","calendarClassName","prepend","prependClassName","append","appendClassName","disableShrink","disabled"]);const[Y,q]=n(!1),I=a(null);r(s,(()=>null==I?void 0:I.current));const j=a(null),[L,F]=n(null),H=l(j.current,L,{placement:"bottom-end"}),U=()=>{var e;q(!1),null==(e=I.current)||e.focus()},z=o((()=>{let e;return e=h&&"string"==typeof h?h:h&&"object"==typeof h&&(null==h?void 0:h.message)?null==h?void 0:h.message:null,e}),[h]),Q=o((()=>e.createElement("input",{type:"text",autoComplete:"off",readOnly:!0,className:u(ke.input,p({[ke.disableShrink]:O||!f,[ke.placeholder]:f&&g&&!O,[ke.focused]:Y,[ke.disabled]:E,[ke.inputError]:"boolean"==typeof h&&h},M?{[M]:!0}:{})),name:c,value:b instanceof Date?me(b,k,y?{locale:y}:{}):String(b),ref:I,disabled:E,placeholder:g,onClick:()=>{var e;null==(e=I.current)||e.focus(),q((e=>!e))},onChange:()=>({})})),[T,O,f,g,Y,E,h,M,c,b,k,y]),A=o((()=>e.createElement("label",{htmlFor:c,className:u(ke.label,p({[ke.disableShrink]:O,[ke.disabledLabel]:E,[ke.labelPlaceholder]:f&&g&&!O||f&&b&&!O},S?{[S]:!0}:{})),onClick:()=>{var e,t;try{const n=document.querySelectorAll(`[name="${c}"]`);if(!n.length)return;let a=n[0];"hidden"===(null==a?void 0:a.type)&&(a=null==(e=a.parentNode)?void 0:e.querySelector("input")),null==a||a.focus(),null==(t=I.current)||t.focus(),q((e=>!e))}catch(e){throw e}}},f)),[E,c,O,f,g,b,S]);return e.createElement("div",{className:u(ke.root)},e.createElement("div",{className:u(ke.inputRoot)},x&&e.createElement("div",{className:u(ke.prepend,p({[ke.prependDisabledShrink]:O},C?{[C]:!0}:{}))},x),N&&e.createElement("div",{className:u(ke.append,p({[ke.appendDisabledShrink]:O},W?{[W]:!0}:{})),onClick:()=>q((e=>!e))},N),f&&O?A:null,e.createElement("div",{ref:j},Q),Y&&e.createElement(i,{enabled:Y,autoFocus:!0,onClickOutside:U,onEscapeKey:U,onDeactivation:U,scrollLock:!1},e.createElement("div",w(p({className:ke.popper,style:H.styles.popper},H.attributes.popper),{ref:F,role:"dialog","aria-label":"Calendar"}),e.createElement(ye,w(p({error:h,className:ke.calendar,calendarClassName:D,disabled:E,initialFocus:Y,selected:b instanceof Date?b:void 0,onSelect:e=>{m({target:{name:c,value:e}}),U()}},T),{mode:"single"})))),f&&!O?A:null),z?e.createElement("span",{className:u(ke.errorLabel,p({},P?{[P]:!0}:{}))},z):null)}));Me.displayName="DatePicker";var Se=Me;export{Se as default};