react-day-picker 8.3.0 → 8.3.1

package/dist/react-day-picker.min.js

@@ -1 +1 @@
-!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("date-fns/locale/en-US"),a=require("date-fns/isSameYear"),n=require("date-fns/setMonth"),r=require("date-fns/startOfMonth"),o=require("date-fns/setYear"),l=require("date-fns/startOfYear"),u=require("date-fns/addMonths"),i=require("date-fns/isBefore"),d=require("date-fns/isSameMonth"),s=require("date-fns/differenceInCalendarMonths"),f=require("date-fns/isSameDay"),c=require("date-fns/addDays"),p=require("date-fns/differenceInCalendarDays"),m=require("date-fns/subDays"),v=require("date-fns/isAfter"),y=require("date-fns/isDate"),h=require("date-fns/endOfMonth"),b=require("date-fns/addWeeks"),g=require("date-fns/addYears"),w=require("date-fns/endOfISOWeek"),D=require("date-fns/endOfWeek"),x=require("date-fns/max"),M=require("date-fns/min"),_=require("date-fns/startOfISOWeek"),k=require("date-fns/startOfWeek"),E=require("date-fns/getUnixTime"),N=require("date-fns/format"),C=require("date-fns/startOfDay"),P=require("date-fns/getWeeksInMonth"),O=require("date-fns/getISOWeek"),S=require("date-fns/getWeek"),W=require("date-fns/parse");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function L(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var q=I(e),B=L(e),j=I(t),F=I(a),R=I(n),T=I(r),A=I(o),Y=I(l),H=I(u),K=I(i),U=I(d),z=I(s),Z=I(f),G=I(c),J=I(p),Q=I(m),V=I(v),X=I(y),$=I(h),ee=I(b),te=I(g),ae=I(w),ne=I(D),re=I(x),oe=I(M),le=I(_),ue=I(k),ie=I(E),de=I(N),se=I(C),fe=I(P),ce=I(O),pe=I(S),me=I(W),ve=function(){return ve=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},ve.apply(this,arguments)};function ye(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a}function he(e){return"multiple"===e.mode}function be(e){return"range"===e.mode}function ge(e){return"single"===e.mode}function we(e){var t=qt(),a=t.fromDate,n=t.toDate,r=t.styles,o=t.locale,l=t.formatters.formatMonthCaption,u=t.classNames,i=t.components.Dropdown,d=t.labels.labelMonthDropdown;if(!a)return q.default.createElement(q.default.Fragment,null);if(!n)return q.default.createElement(q.default.Fragment,null);var s=[];if(F.default(a,n))for(var f=T.default(a),c=a.getMonth();c<=n.getMonth();c++)s.push(R.default(f,c));else for(f=T.default(new Date),c=0;c<=11;c++)s.push(R.default(f,c));return q.default.createElement(i,{name:"months","aria-label":d(),className:u.dropdown_month,style:r.dropdown_month,onChange:function(t){var a=Number(t.target.value),n=R.default(T.default(e.displayMonth),a);e.onChange(n)},value:e.displayMonth.getMonth(),caption:l(e.displayMonth,{locale:o})},s.map((function(e){return q.default.createElement("option",{key:e.getMonth(),value:e.getMonth()},l(e,{locale:o}))})))}function De(e){var t=e.displayMonth,a=qt(),n=a.fromDate,r=a.toDate,o=a.locale,l=a.styles,u=a.classNames,i=a.components.Dropdown,d=a.formatters.formatYearCaption,s=a.labels.labelYearDropdown,f=[];if(!n)return q.default.createElement(q.default.Fragment,null);if(!r)return q.default.createElement(q.default.Fragment,null);for(var c=n.getFullYear(),p=r.getFullYear(),m=c;m<=p;m++)f.push(A.default(Y.default(new Date),m));return q.default.createElement(i,{name:"years","aria-label":s(),className:u.dropdown_year,style:l.dropdown_year,onChange:function(a){var n=A.default(T.default(t),Number(a.target.value));e.onChange(n)},value:t.getFullYear(),caption:d(t,{locale:o})},f.map((function(e){return q.default.createElement("option",{key:e.getFullYear(),value:e.getFullYear()},d(e,{locale:o}))})))}function xe(){var t=qt(),a=function(e){var t=e.month,a=e.defaultMonth,n=e.today,r=t||a||n||new Date,o=e.toDate,l=e.fromDate,u=e.numberOfMonths,i=void 0===u?1:u;if(o&&z.default(o,r)<0){var d=-1*(i-1);r=H.default(o,d)}return l&&z.default(r,l)<0&&(r=l),T.default(r)}(t),n=function(t,a){var n=e.useState(t),r=n[0];return[void 0===a?r:a,n[1]]}(a,t.month),r=n[0],o=n[1];return[r,function(e){var a;if(!t.disableNavigation){var n=T.default(e);o(n),null===(a=t.onMonthChange)||void 0===a||a.call(t,n)}}]}var Me=e.createContext(void 0);function _e(e){var t=qt(),a=xe(),n=a[0],r=a[1],o=function(e,t){for(var a=t.reverseMonths,n=t.numberOfMonths,r=T.default(e),o=T.default(H.default(r,n)),l=z.default(o,r),u=[],i=0;i<l;i++){var d=H.default(r,i);u.push(d)}return a&&(u=u.reverse()),u}(n,t),l=function(e,t){if(!t.disableNavigation){var a=t.toDate,n=t.pagedNavigation,r=t.numberOfMonths,o=void 0===r?1:r,l=n?o:1,u=T.default(e);if(!a)return H.default(u,l);if(!(z.default(a,e)<o))return H.default(u,l)}}(n,t),u=function(e,t){if(!t.disableNavigation){var a=t.fromDate,n=t.pagedNavigation,r=t.numberOfMonths,o=n?void 0===r?1:r:1,l=T.default(e);if(!a)return H.default(l,-o);if(!(z.default(l,a)<=0))return H.default(l,-o)}}(n,t),i=function(e){return o.some((function(t){return U.default(e,t)}))},d={currentMonth:n,displayMonths:o,goToMonth:r,goToDate:function(e,a){i(e)||(a&&K.default(e,a)?r(H.default(e,1+-1*t.numberOfMonths)):r(e))},previousMonth:u,nextMonth:l,isDateDisplayed:i};return q.default.createElement(Me.Provider,{value:d},e.children)}function ke(){var t=e.useContext(Me);if(!t)throw new Error("useNavigation must be used within a NavigationProvider");return t}function Ee(e){var t=qt(),a=t.classNames,n=t.styles,r=t.components.CaptionLabel,o=ke().goToMonth,l=function(e){o(e)},u=q.default.createElement(r,{id:e.id,displayMonth:e.displayMonth});return q.default.createElement("div",{className:a.caption_dropdowns,style:n.caption_dropdowns},q.default.createElement("div",{className:a.vhidden},u),q.default.createElement(we,{onChange:l,displayMonth:e.displayMonth}),q.default.createElement(De,{onChange:l,displayMonth:e.displayMonth}))}var Ne=e.forwardRef((function(e,t){var a=qt(),n=a.classNames,r=a.styles,o=[n.button_reset,n.button];e.className&&o.push(e.className);var l=o.join(" "),u=ve(ve({},r.button_reset),r.button);return e.style&&Object.assign(u,e.style),q.default.createElement("button",ve({},e,{ref:t,type:"button",className:l,style:u}))}));function Ce(e){var t=qt(),a=t.dir,n=t.locale,r=t.classNames,o=t.styles,l=t.labels,u=l.labelPrevious,i=l.labelNext,d=t.components,s=d.IconRight,f=d.IconLeft;if(!e.nextMonth&&!e.previousMonth)return q.default.createElement(q.default.Fragment,null);var c=u(e.previousMonth,{locale:n}),p=[r.nav_button,r.nav_button_previous].join(" "),m=i(e.nextMonth,{locale:n}),v=[r.nav_button,r.nav_button_next].join(" ");return q.default.createElement("div",{className:r.nav,style:o.nav},!e.hidePrevious&&q.default.createElement(Ne,{name:"previous-month","aria-label":c,className:p,style:o.nav_button_previous,disabled:!e.previousMonth,onClick:e.onPreviousClick},"rtl"===a?q.default.createElement(s,{className:r.nav_icon,style:o.nav_icon}):q.default.createElement(f,{className:r.nav_icon,style:o.nav_icon})),!e.hideNext&&q.default.createElement(Ne,{name:"next-month","aria-label":m,className:v,style:o.nav_button_next,disabled:!e.nextMonth,onClick:e.onNextClick},"rtl"===a?q.default.createElement(f,{className:r.nav_icon,style:o.nav_icon}):q.default.createElement(s,{className:r.nav_icon,style:o.nav_icon})))}function Pe(e){var t,a=qt(),n=a.numberOfMonths,r=a.dir,o=a.components.CaptionLabel,l=ke(),u=l.previousMonth,i=l.nextMonth,d=l.goToMonth,s=l.displayMonths,f=s.findIndex((function(t){return U.default(e.displayMonth,t)})),c=0===f,p=f===s.length-1;"rtl"===r&&(p=(t=[c,p])[0],c=t[1]);var m=n>1&&(c||!p),v=n>1&&(p||!c);return q.default.createElement(q.default.Fragment,null,q.default.createElement(o,{id:e.id,displayMonth:e.displayMonth}),q.default.createElement(Ce,{displayMonth:e.displayMonth,hideNext:m,hidePrevious:v,nextMonth:i,previousMonth:u,onPreviousClick:function(){u&&d(u)},onNextClick:function(){i&&d(i)}}))}function Oe(e){var t,a=qt(),n=a.classNames,r=a.disableNavigation,o=a.styles,l=a.captionLayout,u=a.components.CaptionLabel;return t=r?q.default.createElement(u,{id:e.id,displayMonth:e.displayMonth}):"dropdown"===l?q.default.createElement(Ee,{displayMonth:e.displayMonth,id:e.id}):q.default.createElement(Pe,{displayMonth:e.displayMonth,id:e.id}),q.default.createElement("div",{className:n.caption,style:o.caption},t)}function Se(e){var t=qt(),a=t.locale,n=t.classNames,r=t.styles,o=t.formatters.formatCaption;return q.default.createElement("h2",{className:n.caption_label,style:r.caption_label,"aria-live":"polite","aria-atomic":"true",id:e.id},o(e.displayMonth,{locale:a}))}var We=e.createContext(void 0);function Ie(e){if(!he(e.initialProps)){var t={selected:void 0,modifiers:{disabled:[]}};return q.default.createElement(We.Provider,{value:t},e.children)}return q.default.createElement(Le,{initialProps:e.initialProps,children:e.children})}function Le(e){var t=e.initialProps,a=e.children,n=t.selected,r=t.min,o=t.max,l={disabled:[]};n&&l.disabled.push((function(e){var t=o&&n.length>o-1,a=n.some((function(t){return Z.default(t,e)}));return Boolean(t&&!a)}));var u={selected:n,onDayClick:function(e,a,l){var u,i;if((null===(u=t.onDayClick)||void 0===u||u.call(t,e,a,l),!Boolean(a.selected&&r&&(null==n?void 0:n.length)===r))&&!Boolean(!a.selected&&o&&(null==n?void 0:n.length)===o)){var d=n?function(e,t,a){if(a||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))}([],n,!0):[];if(a.selected){var s=d.findIndex((function(t){return Z.default(e,t)}));d.splice(s,1)}else d.push(e);null===(i=t.onSelect)||void 0===i||i.call(t,d,e,a,l)}},modifiers:l};return q.default.createElement(We.Provider,{value:u},a)}function qe(){var t=e.useContext(We);if(!t)throw new Error("useSelectMultiple must be used within a SelectMultipleProvider");return t}function Be(e,t){var a=t||{},n=a.from,r=a.to;if(!n)return{from:e,to:void 0};if(!r&&Z.default(n,e))return{from:n,to:e};if(!r&&K.default(e,n))return{from:e,to:n};if(!r)return{from:n,to:e};if(!Z.default(r,e)||!Z.default(n,e)){if(Z.default(r,e))return{from:r,to:void 0};if(!Z.default(n,e))return V.default(n,e)?{from:e,to:r}:{from:n,to:e}}}var je,Fe=e.createContext(void 0);function Re(e){if(!be(e.initialProps)){var t={selected:void 0,modifiers:{range_start:[],range_end:[],range_middle:[],disabled:[]}};return q.default.createElement(Fe.Provider,{value:t},e.children)}return q.default.createElement(Te,{initialProps:e.initialProps,children:e.children})}function Te(e){var t=e.initialProps,a=e.children,n=t.selected,r=n||{},o=r.from,l=r.to,u=t.min,i=t.max,d={range_start:[],range_end:[],range_middle:[],disabled:[]};if(o&&(d.range_start=[o],l?(d.range_end=[l],d.range_middle=[{after:o,before:l}]):d.range_end=[o]),u&&(o&&!l&&d.disabled.push({after:Q.default(o,u-1),before:G.default(o,u-1)}),o&&l&&d.disabled.push({after:o,before:G.default(o,u-1)})),i&&(o&&!l&&(d.disabled.push({before:G.default(o,1-i)}),d.disabled.push({after:G.default(o,i-1)})),o&&l)){var s=i-(J.default(l,o)+1);d.disabled.push({before:Q.default(o,s)}),d.disabled.push({after:G.default(l,s)})}return q.default.createElement(Fe.Provider,{value:{selected:n,onDayClick:function(e,a,r){var o,l;null===(o=t.onDayClick)||void 0===o||o.call(t,e,a,r);var u=Be(e,n);null===(l=t.onSelect)||void 0===l||l.call(t,u,e,a,r)},modifiers:d}},a)}function Ae(){var t=e.useContext(Fe);if(!t)throw new Error("useSelectRange must be used within a SelectRangeProvider");return t}function Ye(e){return Array.isArray(e)?e:void 0!==e?[e]:[]}exports.InternalModifier=void 0,(je=exports.InternalModifier||(exports.InternalModifier={})).Outside="outside",je.Disabled="disabled",je.Selected="selected",je.Hidden="hidden",je.Today="today",je.RangeStart="range_start",je.RangeEnd="range_end",je.RangeMiddle="range_middle";var He=exports.InternalModifier.Selected,Ke=exports.InternalModifier.Disabled,Ue=exports.InternalModifier.Hidden,ze=exports.InternalModifier.Today,Ze=exports.InternalModifier.RangeEnd,Ge=exports.InternalModifier.RangeMiddle,Je=exports.InternalModifier.RangeStart,Qe=exports.InternalModifier.Outside;var Ve=e.createContext(void 0);function Xe(e){var t=qt(),a=function(e,t,a){var n,r=((n={})[He]=Ye(e.selected),n[Ke]=Ye(e.disabled),n[Ue]=Ye(e.hidden),n[ze]=[e.today],n[Ze]=[],n[Ge]=[],n[Je]=[],n[Qe]=[],n);return e.fromDate&&r[Ke].push({before:e.fromDate}),e.toDate&&r[Ke].push({after:e.toDate}),he(e)?r[Ke]=r[Ke].concat(t.modifiers[Ke]):be(e)&&(r[Ke]=r[Ke].concat(a.modifiers[Ke]),r[Je]=a.modifiers[Je],r[Ge]=a.modifiers[Ge],r[Ze]=a.modifiers[Ze]),r}(t,qe(),Ae()),n=function(e){var t={};return Object.entries(e).forEach((function(e){var a=e[0],n=e[1];t[a]=Ye(n)})),t}(t.modifiers),r=ve(ve({},a),n);return q.default.createElement(Ve.Provider,{value:r},e.children)}function $e(){var t=e.useContext(Ve);if(!t)throw new Error("useModifiers must be used within a ModifiersProvider");return t}function et(e){return Boolean(e&&"object"==typeof e&&"before"in e&&"after"in e)}function tt(e){return Boolean(e&&"object"==typeof e&&"from"in e)}function at(e){return Boolean(e&&"object"==typeof e&&"after"in e)}function nt(e){return Boolean(e&&"object"==typeof e&&"before"in e)}function rt(e){return Boolean(e&&"object"==typeof e&&"dayOfWeek"in e)}function ot(e,t){return t.some((function(t){if("boolean"==typeof t)return t;if(a=t,X.default(a))return Z.default(e,t);var a;if(function(e){return Array.isArray(e)&&e.every(X.default)}(t))return t.includes(e);if(tt(t))return function(e,t){var a,n=t.from,r=t.to;if(!n)return!1;if(!r&&Z.default(n,e))return!0;if(!r)return!1;var o=J.default(r,n)<0;return r&&o&&(n=(a=[r,n])[0],r=a[1]),J.default(e,n)>=0&&J.default(r,e)>=0}(e,t);if(rt(t))return t.dayOfWeek.includes(e.getDay());if(et(t)){var n=J.default(t.before,e)>0,r=J.default(e,t.after)>0;return n&&r}return at(t)?J.default(e,t.after)>0:nt(t)?J.default(t.before,e)>0:"function"==typeof t&&t(e)}))}function lt(e,t,a){var n=Object.keys(t).reduce((function(a,n){var r=t[n];return ot(e,r)&&a.push(n),a}),[]),r={};return n.forEach((function(e){return r[e]=!0})),a&&!U.default(e,a)&&(r.outside=!0),r}function ut(e,t){var a=t.moveBy,n=t.direction,r=t.context,o=t.modifiers,l=t.retry,u=void 0===l?{count:0,lastFocused:e}:l,i=r.weekStartsOn,d=r.fromDate,s=r.toDate,f=r.locale,c={day:G.default,week:ee.default,month:H.default,year:te.default,startOfWeek:function(e){return r.ISOWeek?le.default(e):ue.default(e,{locale:f,weekStartsOn:i})},endOfWeek:function(e){return r.ISOWeek?ae.default(e):ne.default(e,{locale:f,weekStartsOn:i})}}[a](e,"after"===n?1:-1);"before"===n&&d?c=re.default([d,c]):"after"===n&&s&&(c=oe.default([s,c]));var p=!0;if(o){var m=lt(c,o);p=!m.disabled&&!m.hidden}return p?c:u.count>365?u.lastFocused:ut(c,{moveBy:a,direction:n,context:r,modifiers:o,retry:ve(ve({},u),{count:u.count+1})})}var it=e.createContext(void 0);function dt(t){var a=ke(),n=$e(),r=e.useState(),o=r[0],l=r[1],u=e.useState(),i=u[0],d=u[1],s=function(e,t){for(var a,n,r=T.default(e[0]),o=$.default(e[e.length-1]),l=r;l<=o;){var u=lt(l,t);if(u.disabled||u.hidden)l=G.default(l,1);else{if(u.selected)return l;u.today&&!n&&(n=l),a||(a=l),l=G.default(l,1)}}return n||a}(a.displayMonths,n),f=(null!=o?o:i&&a.isDateDisplayed(i))?i:s,c=function(e){l(e)},p=qt(),m=function(e,t){if(o){var r=ut(o,{moveBy:e,direction:t,context:p,modifiers:n});Z.default(o,r)||(a.goToDate(r,o),c(r))}},v={focusedDay:o,focusTarget:f,blur:function(){d(o),l(void 0)},focus:c,focusDayAfter:function(){return m("day","after")},focusDayBefore:function(){return m("day","before")},focusWeekAfter:function(){return m("week","after")},focusWeekBefore:function(){return m("week","before")},focusMonthBefore:function(){return m("month","before")},focusMonthAfter:function(){return m("month","after")},focusYearBefore:function(){return m("year","before")},focusYearAfter:function(){return m("year","after")},focusStartOfWeek:function(){return m("startOfWeek","before")},focusEndOfWeek:function(){return m("endOfWeek","after")}};return q.default.createElement(it.Provider,{value:v},t.children)}function st(){var t=e.useContext(it);if(!t)throw new Error("useFocusContext must be used within a FocusProvider");return t}function ft(e,t){return lt(e,$e(),t)}var ct=e.createContext(void 0);function pt(e){if(!ge(e.initialProps)){var t={selected:void 0};return q.default.createElement(ct.Provider,{value:t},e.children)}return q.default.createElement(mt,{initialProps:e.initialProps,children:e.children})}function mt(e){var t=e.initialProps,a=e.children,n={selected:t.selected,onDayClick:function(e,a,n){var r,o,l;null===(r=t.onDayClick)||void 0===r||r.call(t,e,a,n),!a.selected||t.required?null===(l=t.onSelect)||void 0===l||l.call(t,e,e,a,n):null===(o=t.onSelect)||void 0===o||o.call(t,void 0,e,a,n)}};return q.default.createElement(ct.Provider,{value:n},a)}function vt(){var t=e.useContext(ct);if(!t)throw new Error("useSelectSingle must be used within a SelectSingleProvider");return t}function yt(e,t){var a=[e.classNames.day];return Object.keys(t).forEach((function(t){var n=e.modifiersClassNames[t];if(n)a.push(n);else if(function(e){return Object.values(exports.InternalModifier).includes(e)}(t)){var r=e.classNames["day_".concat(t)];r&&a.push(r)}})),a}function ht(t,a,n){var r,o=qt(),l=o.components.DayContent,u=ye(o,["components"]),i=st(),d=ft(t,a),s=function(e,t){var a=qt(),n=vt(),r=qe(),o=Ae(),l=st(),u=l.focusDayAfter,i=l.focusDayBefore,d=l.focusWeekAfter,s=l.focusWeekBefore,f=l.blur,c=l.focus,p=l.focusMonthBefore,m=l.focusMonthAfter,v=l.focusYearBefore,y=l.focusYearAfter,h=l.focusStartOfWeek,b=l.focusEndOfWeek,g={onClick:function(l){var u,i,d,s;ge(a)?null===(u=n.onDayClick)||void 0===u||u.call(n,e,t,l):he(a)?null===(i=r.onDayClick)||void 0===i||i.call(r,e,t,l):be(a)?null===(d=o.onDayClick)||void 0===d||d.call(o,e,t,l):null===(s=a.onDayClick)||void 0===s||s.call(a,e,t,l)},onFocus:function(n){var r;c(e),null===(r=a.onDayFocus)||void 0===r||r.call(a,e,t,n)},onBlur:function(n){var r;f(),null===(r=a.onDayBlur)||void 0===r||r.call(a,e,t,n)},onKeyDown:function(n){var r;switch(n.key){case"ArrowLeft":n.preventDefault(),n.stopPropagation(),"rtl"===a.dir?u():i();break;case"ArrowRight":n.preventDefault(),n.stopPropagation(),"rtl"===a.dir?i():u();break;case"ArrowDown":n.preventDefault(),n.stopPropagation(),d();break;case"ArrowUp":n.preventDefault(),n.stopPropagation(),s();break;case"PageUp":n.preventDefault(),n.stopPropagation(),n.shiftKey?v():p();break;case"PageDown":n.preventDefault(),n.stopPropagation(),n.shiftKey?y():m();break;case"Home":n.preventDefault(),n.stopPropagation(),h();break;case"End":n.preventDefault(),n.stopPropagation(),b()}null===(r=a.onDayKeyDown)||void 0===r||r.call(a,e,t,n)},onKeyUp:function(n){var r;null===(r=a.onDayKeyUp)||void 0===r||r.call(a,e,t,n)},onMouseEnter:function(n){var r;null===(r=a.onDayMouseEnter)||void 0===r||r.call(a,e,t,n)},onMouseLeave:function(n){var r;null===(r=a.onDayMouseLeave)||void 0===r||r.call(a,e,t,n)},onTouchCancel:function(n){var r;null===(r=a.onDayTouchCancel)||void 0===r||r.call(a,e,t,n)},onTouchEnd:function(n){var r;null===(r=a.onDayTouchEnd)||void 0===r||r.call(a,e,t,n)},onTouchMove:function(n){var r;null===(r=a.onDayTouchMove)||void 0===r||r.call(a,e,t,n)},onTouchStart:function(n){var r;null===(r=a.onDayTouchStart)||void 0===r||r.call(a,e,t,n)}};return g}(t,d),f=function(){var e=qt(),t=vt(),a=qe(),n=Ae();return ge(e)?t.selected:he(e)?a.selected:be(e)?n.selected:void 0}(),c=Boolean(u.onDayClick||"default"!==u.mode);e.useEffect((function(){var e;d.outside||i.focusedDay&&c&&Z.default(i.focusedDay,t)&&(null===(e=n.current)||void 0===e||e.focus())}),[i.focusedDay,t,n,c,d.outside]);var p=yt(u,d).join(" "),m=function(e,t){var a=ve({},e.styles.day);return Object.keys(t).forEach((function(t){var n;a=ve(ve({},a),null===(n=e.modifiersStyles)||void 0===n?void 0:n[t])})),a}(u,d),v=u.labels.labelDay(t,d,{locale:u.locale}),y=Boolean(d.outside&&!u.showOutsideDays||d.hidden),h={style:m,className:p,children:q.default.createElement(l,{date:t,displayMonth:a,activeModifiers:d}),"aria-label":v},b=Boolean(i.focusTarget&&Z.default(i.focusTarget,t)),g=ve(ve(ve({},h),((r={disabled:d.disabled})["aria-pressed"]=d.selected,r["aria-label"]=v,r.tabIndex=b?0:-1,r)),s);return{isButton:c,isHidden:y,activeModifiers:d,selectedDays:f,buttonProps:g,divProps:h}}function bt(t){var a=e.useRef(null),n=ht(t.date,t.displayMonth,a);return n.isHidden?q.default.createElement(q.default.Fragment,null):n.isButton?q.default.createElement(Ne,ve({name:"day",ref:a},n.buttonProps)):q.default.createElement("div",ve({},n.divProps))}function gt(e){var t=qt(),a=t.locale,n=t.formatters.formatDay;return q.default.createElement(q.default.Fragment,null,n(e.date,{locale:a}))}function wt(e){var t=e.onChange,a=e.value,n=e.children,r=e.caption,o=e.className,l=e.style,u=qt(),i=u.components.IconDropdown,d=ye(u,["components"]);return q.default.createElement("div",{className:o,style:l},q.default.createElement("span",{className:d.classNames.vhidden},e["aria-label"]),q.default.createElement("select",{name:e.name,"aria-label":e["aria-label"],className:d.classNames.dropdown,style:d.styles.dropdown,value:a,onChange:t},n),q.default.createElement("div",{className:d.classNames.caption_label,style:d.styles.caption_label,"aria-hidden":"true"},r,q.default.createElement(i,{className:d.classNames.dropdown_icon,style:d.styles.dropdown_icon})))}function Dt(){var e=qt(),t=e.footer,a=e.styles,n=e.classNames.tfoot;return t?q.default.createElement("tfoot",{className:n,style:a.tfoot},q.default.createElement("tr",null,q.default.createElement("td",{colSpan:8},t))):q.default.createElement(q.default.Fragment,null)}function xt(){var e=qt(),t=e.classNames,a=e.styles,n=e.components.HeadRow;return q.default.createElement("thead",{style:a.head,className:t.head},q.default.createElement(n,null))}function Mt(){var e=qt(),t=e.classNames,a=e.styles,n=e.showWeekNumber,r=e.locale,o=e.weekStartsOn,l=e.ISOWeek,u=e.formatters.formatWeekdayName,i=e.labels.labelWeekday,d=function(e,t,a){for(var n=a?le.default(new Date):ue.default(new Date,{locale:e,weekStartsOn:t}),r=[],o=0;o<7;o++){var l=G.default(n,o);r.push(l)}return r}(r,o,l);return q.default.createElement("tr",{style:a.head_row,className:t.head_row},n&&q.default.createElement("th",{scope:"col",style:a.head_cell,className:t.head_cell}),d.map((function(e,n){return q.default.createElement("th",{key:n,scope:"col",className:t.head_cell,style:a.head_cell},q.default.createElement("span",{"aria-hidden":!0},u(e,{locale:r})),q.default.createElement("span",{className:t.vhidden},i(e,{locale:r})))})))}function _t(e){return q.default.createElement("svg",ve({width:"8px",height:"8px",viewBox:"0 0 120 120","data-testid":"iconDropdown"},e),q.default.createElement("path",{d:"M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z",fill:"currentColor",fillRule:"nonzero"}))}function kt(e){return q.default.createElement("svg",ve({width:"16px",height:"16px",viewBox:"0 0 120 120"},e),q.default.createElement("path",{d:"M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z",fill:"currentColor",fillRule:"nonzero"}))}function Et(e){return q.default.createElement("svg",ve({width:"16px",height:"16px",viewBox:"0 0 120 120"},e),q.default.createElement("path",{d:"M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z",fill:"currentColor"}))}function Nt(e){var t,a=qt(),n=a.styles,r=a.classNames,o=a.showWeekNumber,l=a.components,u=l.Day,i=l.WeekNumber;return o&&(t=q.default.createElement("td",{className:r.cell,style:n.cell},q.default.createElement(i,{number:e.weekNumber,dates:e.dates}))),q.default.createElement("tr",{className:r.row,style:n.row},t,e.dates.map((function(t){return q.default.createElement("td",{className:r.cell,style:n.cell,key:ie.default(t)},q.default.createElement(u,{displayMonth:e.displayMonth,date:t}))})))}function Ct(e){var t=e.number,a=e.dates,n=qt(),r=n.onWeekNumberClick,o=n.styles,l=n.classNames,u=n.locale,i=n.labels.labelWeekNumber,d=(0,n.formatters.formatWeekNumber)(Number(t),{locale:u});if(!r)return q.default.createElement("span",{className:l.weeknumber,style:o.weeknumber},d);var s=i(Number(t),{locale:u});return q.default.createElement(Ne,{name:"week-number","aria-label":s,className:l.weeknumber,style:o.weeknumber,onClick:function(e){r(t,a,e)}},d)}var Pt={root:"rdp",multiple_months:"rdp-multiple_months",with_weeknumber:"rdp-with_weeknumber",vhidden:"rdp-vhidden",button_reset:"rdp-button_reset",button:"rdp-button",caption:"rdp-caption",caption_start:"rdp-caption_start",caption_end:"rdp-caption_end",caption_between:"rdp-caption_between",caption_label:"rdp-caption_label",caption_dropdowns:"rdp-caption_dropdowns",dropdown:"rdp-dropdown",dropdown_month:"rdp-dropdown_month",dropdown_year:"rdp-dropdown_year",dropdown_icon:"rdp-dropdown_icon",months:"rdp-months",month:"rdp-month",table:"rdp-table",tbody:"rdp-tbody",tfoot:"rdp-tfoot",head:"rdp-head",head_row:"rdp-head_row",head_cell:"rdp-head_cell",nav:"rdp-nav",nav_button:"rdp-nav_button",nav_button_previous:"rdp-nav_button_previous",nav_button_next:"rdp-nav_button_next",nav_icon:"rdp-nav_icon",row:"rdp-row",weeknumber:"rdp-weeknumber",cell:"rdp-cell",day:"rdp-day",day_today:"rdp-day_today",day_outside:"rdp-day_outside",day_selected:"rdp-day_selected",day_disabled:"rdp-day_disabled",day_hidden:"rdp-day_hidden",day_range_start:"rdp-day_range_start",day_range_end:"rdp-day_range_end",day_range_middle:"rdp-day_range_middle"};var Ot=Object.freeze({__proto__:null,formatCaption:function(e,t){return de.default(e,"LLLL y",t)},formatDay:function(e,t){return de.default(e,"d",t)},formatMonthCaption:function(e,t){return de.default(e,"LLLL",t)},formatWeekNumber:function(e){return"".concat(e)},formatWeekdayName:function(e,t){return de.default(e,"cccccc",t)},formatYearCaption:function(e,t){return de.default(e,"yyyy",t)}}),St=Object.freeze({__proto__:null,labelDay:function(e,t,a){return de.default(e,"do MMMM (EEEE)",a)},labelMonthDropdown:function(){return"Month: "},labelNext:function(){return"Go to next month"},labelPrevious:function(){return"Go to previous month"},labelWeekday:function(e,t){return de.default(e,"cccc",t)},labelWeekNumber:function(e){return"Week n. ".concat(e)},labelYearDropdown:function(){return"Year: "}});function Wt(e){var t=e.fromYear,a=e.toYear,n=e.fromMonth,r=e.toMonth,o=e.fromDate,l=e.toDate;return n?o=T.default(n):t&&(o=new Date(t,0,1)),r?l=$.default(r):a&&(l=new Date(a,11,31)),{fromDate:o?se.default(o):void 0,toDate:l?se.default(l):void 0}}var It=e.createContext(void 0);function Lt(e){var t,a,n,r,o,l=e.initialProps,u=(a=Pt,n=j.default,r=new Date,{captionLayout:"buttons",classNames:a,components:{Caption:Oe,CaptionLabel:Se,Day:bt,DayContent:gt,Dropdown:wt,Footer:Dt,Head:xt,HeadRow:Mt,IconDropdown:_t,IconRight:Et,IconLeft:kt,Row:Nt,WeekNumber:Ct},formatters:Ot,labels:St,locale:n,modifiersClassNames:{},modifiers:{},numberOfMonths:1,styles:{},today:r,mode:"default"}),i=Wt(l),d=i.fromDate,s=i.toDate,f=null!==(t=l.captionLayout)&&void 0!==t?t:u.captionLayout;"buttons"===f||d&&s||(f="buttons"),(ge(l)||he(l)||be(l))&&(o=l.onSelect);var c=ve(ve(ve({},u),l),{captionLayout:f,classNames:ve(ve({},u.classNames),l.classNames),components:ve(ve({},u.components),l.components),formatters:ve(ve({},u.formatters),l.formatters),fromDate:d,labels:ve(ve({},u.labels),l.labels),mode:l.mode||u.mode,modifiers:ve(ve({},u.modifiers),l.modifiers),modifiersClassNames:ve(ve({},u.modifiersClassNames),l.modifiersClassNames),onSelect:o,styles:ve(ve({},u.styles),l.styles),toDate:s});return q.default.createElement(It.Provider,{value:c},e.children)}function qt(){var t=e.useContext(It);if(!t)throw new Error("useDayPicker must be used within a DayPickerProvider.");return t}function Bt(e,t,a){for(var n=(null==a?void 0:a.ISOWeek)?ae.default(t):ne.default(t,a),r=(null==a?void 0:a.ISOWeek)?le.default(e):ue.default(e,a),o=J.default(n,r),l=[],u=0;u<=o;u++)l.push(G.default(r,u));return l.reduce((function(e,t){var n=(null==a?void 0:a.ISOWeek)?ce.default(t):pe.default(t,a),r=e.find((function(e){return e.weekNumber===n}));return r?(r.dates.push(t),e):(e.push({weekNumber:n,dates:[t]}),e)}),[])}function jt(e){var t=qt(),a=t.locale,n=t.classNames,r=t.styles,o=t.hideHead,l=t.fixedWeeks,u=t.components,i=u.Head,d=u.Row,s=u.Footer,f=t.weekStartsOn,c=t.firstWeekContainsDate,p=t.ISOWeek,m=function(e,t){var a=Bt(T.default(e),$.default(e),t);if(null==t?void 0:t.useFixedWeeks){var n=fe.default(e,t);if(n<6){var r=a[a.length-1],o=r.dates[r.dates.length-1],l=ee.default(o,6-n),u=Bt(ee.default(o,1),l,t);a.push.apply(a,u)}}return a}(e.displayMonth,{useFixedWeeks:Boolean(l),ISOWeek:p,locale:a,weekStartsOn:f,firstWeekContainsDate:c});return q.default.createElement("table",{className:n.table,style:r.table,role:"grid","aria-labelledby":e["aria-labelledby"]},!o&&q.default.createElement(i,null),q.default.createElement("tbody",{className:n.tbody,style:r.tbody},m.map((function(t){return q.default.createElement(d,{displayMonth:e.displayMonth,key:t.weekNumber,dates:t.dates,weekNumber:t.weekNumber})}))),q.default.createElement(s,null))}var Ft="undefined"!=typeof window&&window.document&&window.document.createElement?B.useLayoutEffect:B.useEffect,Rt=!1,Tt=0;function At(){return"react-day-picker-".concat(++Tt)}function Yt(e){var t,a=qt(),n=a.dir,r=a.classNames,o=a.styles,l=a.components.Caption,u=ke().displayMonths,i=function(e){var t,a=null!=e?e:Rt?At():null,n=B.useState(a),r=n[0],o=n[1];return Ft((function(){null===r&&o(At())}),[]),B.useEffect((function(){!1===Rt&&(Rt=!0)}),[]),null!==(t=null!=e?e:r)&&void 0!==t?t:void 0}(a.id?"".concat(a.id,"-").concat(e.displayIndex):void 0),d=[r.month],s=o.month,f=0===e.displayIndex,c=e.displayIndex===u.length-1,p=!f&&!c;return"rtl"===n&&(c=(t=[f,c])[0],f=t[1]),f&&(d.push(r.caption_start),s=ve(ve({},s),o.caption_start)),c&&(d.push(r.caption_end),s=ve(ve({},s),o.caption_end)),p&&(d.push(r.caption_between),s=ve(ve({},s),o.caption_between)),q.default.createElement("div",{key:e.displayIndex,className:d.join(" "),style:s},q.default.createElement(l,{id:i,displayMonth:e.displayMonth}),q.default.createElement(jt,{"aria-labelledby":i,displayMonth:e.displayMonth}))}function Ht(){var t=qt(),a=st(),n=ke(),r=e.useState(!1),o=r[0],l=r[1];e.useEffect((function(){t.initialFocus&&a.focusTarget&&(o||(a.focus(a.focusTarget),l(!0)))}),[t.initialFocus,o,a.focus,a.focusTarget,a]);var u=[t.classNames.root,t.className];t.numberOfMonths>1&&u.push(t.classNames.multiple_months),t.showWeekNumber&&u.push(t.classNames.with_weeknumber);var i=ve(ve({},t.styles.root),t.style);return q.default.createElement("div",{className:u.join(" "),style:i,dir:t.dir},q.default.createElement("div",{className:t.classNames.months,style:t.styles.months},n.displayMonths.map((function(e,t){return q.default.createElement(Yt,{key:t,displayIndex:t,displayMonth:e})}))))}function Kt(e){var t=e.children,a=ye(e,["children"]);return q.default.createElement(Lt,{initialProps:a},q.default.createElement(_e,null,q.default.createElement(pt,{initialProps:a},q.default.createElement(Ie,{initialProps:a},q.default.createElement(Re,{initialProps:a},q.default.createElement(Xe,null,q.default.createElement(dt,null,t)))))))}function Ut(e){return!isNaN(e.getTime())}exports.Button=Ne,exports.Caption=Oe,exports.CaptionDropdowns=Ee,exports.CaptionLabel=Se,exports.CaptionNavigation=Pe,exports.Day=bt,exports.DayContent=gt,exports.DayPicker=function(e){return q.default.createElement(Kt,ve({},e),q.default.createElement(Ht,null))},exports.DayPickerContext=It,exports.DayPickerProvider=Lt,exports.Dropdown=wt,exports.FocusContext=it,exports.FocusProvider=dt,exports.Footer=Dt,exports.Head=xt,exports.HeadRow=Mt,exports.IconDropdown=_t,exports.IconLeft=kt,exports.IconRight=Et,exports.NavigationContext=Me,exports.NavigationProvider=_e,exports.RootProvider=Kt,exports.Row=Nt,exports.SelectMultipleContext=We,exports.SelectMultipleProvider=Ie,exports.SelectMultipleProviderInternal=Le,exports.SelectRangeContext=Fe,exports.SelectRangeProvider=Re,exports.SelectRangeProviderInternal=Te,exports.SelectSingleContext=ct,exports.SelectSingleProvider=pt,exports.SelectSingleProviderInternal=mt,exports.WeekNumber=Ct,exports.addToRange=Be,exports.isDateAfterType=at,exports.isDateBeforeType=nt,exports.isDateInterval=et,exports.isDateRange=tt,exports.isDayOfWeekType=rt,exports.isDayPickerDefault=function(e){return void 0===e.mode||"default"===e.mode},exports.isDayPickerMultiple=he,exports.isDayPickerRange=be,exports.isDayPickerSingle=ge,exports.isMatch=ot,exports.useActiveModifiers=ft,exports.useDayPicker=qt,exports.useDayRender=ht,exports.useFocusContext=st,exports.useInput=function(t){void 0===t&&(t={});var a=t.locale,n=void 0===a?j.default:a,r=t.required,o=t.format,l=void 0===o?"PP":o,u=t.defaultSelected,i=t.today,d=void 0===i?new Date:i,s=Wt(t),f=s.fromDate,c=s.toDate,p=function(e){return me.default(e,l,d,{locale:n})},m=e.useState(null!=u?u:d),v=m[0],y=m[1],h=e.useState(u),b=h[0],g=h[1],w=u?de.default(u,l,{locale:n}):"",D=e.useState(w),x=D[0],M=D[1],_=function(){g(u),y(null!=u?u:d),M(null!=w?w:"")},k={month:v,onDayClick:function(e,t){var a=t.selected;if(!r&&a)return g(void 0),void M("");g(e),M(e?de.default(e,l,{locale:n}):"")},onMonthChange:function(e){y(e)},selected:b,locale:n,fromDate:f,toDate:c,today:d},E={onBlur:function(e){Ut(p(e.target.value))||_()},onChange:function(e){M(e.target.value);var t=p(e.target.value),a=f&&J.default(f,t)>0,n=c&&J.default(t,c)>0;!Ut(t)||a||n?g(void 0):(g(t),y(t))},onFocus:function(e){if(e.target.value){var t=p(e.target.value);Ut(t)&&y(t)}else _()},value:x,placeholder:de.default(new Date,l,{locale:n})};return{dayPickerProps:k,inputProps:E,reset:_,setSelected:function(e){g(e),y(null!=e?e:d),M(e?de.default(e,l,{locale:n}):"")}}},exports.useNavigation=ke,exports.useSelectMultiple=qe,exports.useSelectRange=Ae,exports.useSelectSingle=vt}));
+!function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("date-fns/locale/en-US"),a=require("date-fns/format"),n=require("date-fns/endOfMonth"),r=require("date-fns/startOfDay"),o=require("date-fns/startOfMonth"),l=require("date-fns/isSameYear"),u=require("date-fns/setMonth"),i=require("date-fns/setYear"),d=require("date-fns/startOfYear"),s=require("date-fns/addMonths"),f=require("date-fns/isBefore"),c=require("date-fns/isSameMonth"),p=require("date-fns/differenceInCalendarMonths"),m=require("date-fns/addDays"),v=require("date-fns/startOfISOWeek"),y=require("date-fns/startOfWeek"),h=require("date-fns/getUnixTime"),b=require("date-fns/isSameDay"),g=require("date-fns/differenceInCalendarDays"),w=require("date-fns/subDays"),x=require("date-fns/isAfter"),D=require("date-fns"),M=require("date-fns/isDate"),_=require("date-fns/addWeeks"),k=require("date-fns/addYears"),E=require("date-fns/endOfISOWeek"),N=require("date-fns/endOfWeek"),C=require("date-fns/max"),P=require("date-fns/min"),O=require("date-fns/getWeeksInMonth"),S=require("date-fns/getISOWeek"),W=require("date-fns/getWeek"),L=require("date-fns/parse");function I(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function q(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var B=I(e),j=q(e),F=I(t),R=I(a),T=I(n),A=I(r),Y=I(o),H=I(l),K=I(u),U=I(i),z=I(d),Z=I(s),G=I(f),J=I(c),Q=I(p),V=I(m),X=I(v),$=I(y),ee=I(h),te=I(b),ae=I(g),ne=I(w),re=I(x),oe=I(M),le=I(_),ue=I(k),ie=I(E),de=I(N),se=I(C),fe=I(P),ce=I(O),pe=I(S),me=I(W),ve=I(L),ye=function(){return ye=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},ye.apply(this,arguments)};function he(e){return"multiple"===e.mode}function be(e){return"range"===e.mode}function ge(e){return"single"===e.mode}var we={root:"rdp",multiple_months:"rdp-multiple_months",with_weeknumber:"rdp-with_weeknumber",vhidden:"rdp-vhidden",button_reset:"rdp-button_reset",button:"rdp-button",caption:"rdp-caption",caption_start:"rdp-caption_start",caption_end:"rdp-caption_end",caption_between:"rdp-caption_between",caption_label:"rdp-caption_label",caption_dropdowns:"rdp-caption_dropdowns",dropdown:"rdp-dropdown",dropdown_month:"rdp-dropdown_month",dropdown_year:"rdp-dropdown_year",dropdown_icon:"rdp-dropdown_icon",months:"rdp-months",month:"rdp-month",table:"rdp-table",tbody:"rdp-tbody",tfoot:"rdp-tfoot",head:"rdp-head",head_row:"rdp-head_row",head_cell:"rdp-head_cell",nav:"rdp-nav",nav_button:"rdp-nav_button",nav_button_previous:"rdp-nav_button_previous",nav_button_next:"rdp-nav_button_next",nav_icon:"rdp-nav_icon",row:"rdp-row",weeknumber:"rdp-weeknumber",cell:"rdp-cell",day:"rdp-day",day_today:"rdp-day_today",day_outside:"rdp-day_outside",day_selected:"rdp-day_selected",day_disabled:"rdp-day_disabled",day_hidden:"rdp-day_hidden",day_range_start:"rdp-day_range_start",day_range_end:"rdp-day_range_end",day_range_middle:"rdp-day_range_middle"};var xe=Object.freeze({__proto__:null,formatCaption:function(e,t){return R.default(e,"LLLL y",t)},formatDay:function(e,t){return R.default(e,"d",t)},formatMonthCaption:function(e,t){return R.default(e,"LLLL",t)},formatWeekNumber:function(e){return"".concat(e)},formatWeekdayName:function(e,t){return R.default(e,"cccccc",t)},formatYearCaption:function(e,t){return R.default(e,"yyyy",t)}}),De=Object.freeze({__proto__:null,labelDay:function(e,t,a){return R.default(e,"do MMMM (EEEE)",a)},labelMonthDropdown:function(){return"Month: "},labelNext:function(){return"Go to next month"},labelPrevious:function(){return"Go to previous month"},labelWeekday:function(e,t){return R.default(e,"cccc",t)},labelWeekNumber:function(e){return"Week n. ".concat(e)},labelYearDropdown:function(){return"Year: "}});function Me(e){var t=e.fromYear,a=e.toYear,n=e.fromMonth,r=e.toMonth,o=e.fromDate,l=e.toDate;return n?o=Y.default(n):t&&(o=new Date(t,0,1)),r?l=T.default(r):a&&(l=new Date(a,11,31)),{fromDate:o?A.default(o):void 0,toDate:l?A.default(l):void 0}}var _e=e.createContext(void 0);function ke(e){var t,a,n,r,o,l=e.initialProps,u=(a=we,n=F.default,r=new Date,{captionLayout:"buttons",classNames:a,formatters:xe,labels:De,locale:n,modifiersClassNames:{},modifiers:{},numberOfMonths:1,styles:{},today:r,mode:"default"}),i=Me(l),d=i.fromDate,s=i.toDate,f=null!==(t=l.captionLayout)&&void 0!==t?t:u.captionLayout;"buttons"===f||d&&s||(f="buttons"),(ge(l)||he(l)||be(l))&&(o=l.onSelect);var c=ye(ye(ye({},u),l),{captionLayout:f,classNames:ye(ye({},u.classNames),l.classNames),components:ye({},l.components),formatters:ye(ye({},u.formatters),l.formatters),fromDate:d,labels:ye(ye({},u.labels),l.labels),mode:l.mode||u.mode,modifiers:ye(ye({},u.modifiers),l.modifiers),modifiersClassNames:ye(ye({},u.modifiersClassNames),l.modifiersClassNames),onSelect:o,styles:ye(ye({},u.styles),l.styles),toDate:s});return B.default.createElement(_e.Provider,{value:c},e.children)}function Ee(){var t=e.useContext(_e);if(!t)throw new Error("useDayPicker must be used within a DayPickerProvider.");return t}function Ne(e){var t=Ee(),a=t.locale,n=t.classNames,r=t.styles,o=t.formatters.formatCaption;return B.default.createElement("h2",{className:n.caption_label,style:r.caption_label,"aria-live":"polite","aria-atomic":"true",id:e.id},o(e.displayMonth,{locale:a}))}function Ce(e){return B.default.createElement("svg",ye({width:"8px",height:"8px",viewBox:"0 0 120 120","data-testid":"iconDropdown"},e),B.default.createElement("path",{d:"M4.22182541,48.2218254 C8.44222828,44.0014225 15.2388494,43.9273804 19.5496459,47.9996989 L19.7781746,48.2218254 L60,88.443 L100.221825,48.2218254 C104.442228,44.0014225 111.238849,43.9273804 115.549646,47.9996989 L115.778175,48.2218254 C119.998577,52.4422283 120.07262,59.2388494 116.000301,63.5496459 L115.778175,63.7781746 L67.7781746,111.778175 C63.5577717,115.998577 56.7611506,116.07262 52.4503541,112.000301 L52.2218254,111.778175 L4.22182541,63.7781746 C-0.0739418023,59.4824074 -0.0739418023,52.5175926 4.22182541,48.2218254 Z",fill:"currentColor",fillRule:"nonzero"}))}function Pe(e){var t,a,n=e.onChange,r=e.value,o=e.children,l=e.caption,u=e.className,i=e.style,d=Ee(),s=null!==(a=null===(t=d.components)||void 0===t?void 0:t.IconDropdown)&&void 0!==a?a:Ce;return B.default.createElement("div",{className:u,style:i},B.default.createElement("span",{className:d.classNames.vhidden},e["aria-label"]),B.default.createElement("select",{name:e.name,"aria-label":e["aria-label"],className:d.classNames.dropdown,style:d.styles.dropdown,value:r,onChange:n},o),B.default.createElement("div",{className:d.classNames.caption_label,style:d.styles.caption_label,"aria-hidden":"true"},l,B.default.createElement(s,{className:d.classNames.dropdown_icon,style:d.styles.dropdown_icon})))}function Oe(e){var t,a=Ee(),n=a.fromDate,r=a.toDate,o=a.styles,l=a.locale,u=a.formatters.formatMonthCaption,i=a.classNames,d=a.components,s=a.labels.labelMonthDropdown;if(!n)return B.default.createElement(B.default.Fragment,null);if(!r)return B.default.createElement(B.default.Fragment,null);var f=[];if(H.default(n,r))for(var c=Y.default(n),p=n.getMonth();p<=r.getMonth();p++)f.push(K.default(c,p));else for(c=Y.default(new Date),p=0;p<=11;p++)f.push(K.default(c,p));var m=null!==(t=null==d?void 0:d.Dropdown)&&void 0!==t?t:Pe;return B.default.createElement(m,{name:"months","aria-label":s(),className:i.dropdown_month,style:o.dropdown_month,onChange:function(t){var a=Number(t.target.value),n=K.default(Y.default(e.displayMonth),a);e.onChange(n)},value:e.displayMonth.getMonth(),caption:u(e.displayMonth,{locale:l})},f.map((function(e){return B.default.createElement("option",{key:e.getMonth(),value:e.getMonth()},u(e,{locale:l}))})))}function Se(e){var t,a=e.displayMonth,n=Ee(),r=n.fromDate,o=n.toDate,l=n.locale,u=n.styles,i=n.classNames,d=n.components,s=n.formatters.formatYearCaption,f=n.labels.labelYearDropdown,c=[];if(!r)return B.default.createElement(B.default.Fragment,null);if(!o)return B.default.createElement(B.default.Fragment,null);for(var p=r.getFullYear(),m=o.getFullYear(),v=p;v<=m;v++)c.push(U.default(z.default(new Date),v));var y=null!==(t=null==d?void 0:d.Dropdown)&&void 0!==t?t:Pe;return B.default.createElement(y,{name:"years","aria-label":f(),className:i.dropdown_year,style:u.dropdown_year,onChange:function(t){var n=U.default(Y.default(a),Number(t.target.value));e.onChange(n)},value:a.getFullYear(),caption:s(a,{locale:l})},c.map((function(e){return B.default.createElement("option",{key:e.getFullYear(),value:e.getFullYear()},s(e,{locale:l}))})))}function We(){var t=Ee(),a=function(e){var t=e.month,a=e.defaultMonth,n=e.today,r=t||a||n||new Date,o=e.toDate,l=e.fromDate,u=e.numberOfMonths,i=void 0===u?1:u;if(o&&Q.default(o,r)<0){var d=-1*(i-1);r=Z.default(o,d)}return l&&Q.default(r,l)<0&&(r=l),Y.default(r)}(t),n=function(t,a){var n=e.useState(t),r=n[0];return[void 0===a?r:a,n[1]]}(a,t.month),r=n[0],o=n[1];return[r,function(e){var a;if(!t.disableNavigation){var n=Y.default(e);o(n),null===(a=t.onMonthChange)||void 0===a||a.call(t,n)}}]}var Le=e.createContext(void 0);function Ie(e){var t=Ee(),a=We(),n=a[0],r=a[1],o=function(e,t){for(var a=t.reverseMonths,n=t.numberOfMonths,r=Y.default(e),o=Y.default(Z.default(r,n)),l=Q.default(o,r),u=[],i=0;i<l;i++){var d=Z.default(r,i);u.push(d)}return a&&(u=u.reverse()),u}(n,t),l=function(e,t){if(!t.disableNavigation){var a=t.toDate,n=t.pagedNavigation,r=t.numberOfMonths,o=void 0===r?1:r,l=n?o:1,u=Y.default(e);if(!a)return Z.default(u,l);if(!(Q.default(a,e)<o))return Z.default(u,l)}}(n,t),u=function(e,t){if(!t.disableNavigation){var a=t.fromDate,n=t.pagedNavigation,r=t.numberOfMonths,o=n?void 0===r?1:r:1,l=Y.default(e);if(!a)return Z.default(l,-o);if(!(Q.default(l,a)<=0))return Z.default(l,-o)}}(n,t),i=function(e){return o.some((function(t){return J.default(e,t)}))},d={currentMonth:n,displayMonths:o,goToMonth:r,goToDate:function(e,a){i(e)||(a&&G.default(e,a)?r(Z.default(e,1+-1*t.numberOfMonths)):r(e))},previousMonth:u,nextMonth:l,isDateDisplayed:i};return B.default.createElement(Le.Provider,{value:d},e.children)}function qe(){var t=e.useContext(Le);if(!t)throw new Error("useNavigation must be used within a NavigationProvider");return t}function Be(e){var t,a=Ee(),n=a.classNames,r=a.styles,o=a.components,l=qe().goToMonth,u=function(e){l(e)},i=null!==(t=null==o?void 0:o.CaptionLabel)&&void 0!==t?t:Ne,d=B.default.createElement(i,{id:e.id,displayMonth:e.displayMonth});return B.default.createElement("div",{className:n.caption_dropdowns,style:r.caption_dropdowns},B.default.createElement("div",{className:n.vhidden},d),B.default.createElement(Oe,{onChange:u,displayMonth:e.displayMonth}),B.default.createElement(Se,{onChange:u,displayMonth:e.displayMonth}))}function je(e){return B.default.createElement("svg",ye({width:"16px",height:"16px",viewBox:"0 0 120 120"},e),B.default.createElement("path",{d:"M69.490332,3.34314575 C72.6145263,0.218951416 77.6798462,0.218951416 80.8040405,3.34314575 C83.8617626,6.40086786 83.9268205,11.3179931 80.9992143,14.4548388 L80.8040405,14.6568542 L35.461,60 L80.8040405,105.343146 C83.8617626,108.400868 83.9268205,113.317993 80.9992143,116.454839 L80.8040405,116.656854 C77.7463184,119.714576 72.8291931,119.779634 69.6923475,116.852028 L69.490332,116.656854 L18.490332,65.6568542 C15.4326099,62.5991321 15.367552,57.6820069 18.2951583,54.5451612 L18.490332,54.3431458 L69.490332,3.34314575 Z",fill:"currentColor",fillRule:"nonzero"}))}function Fe(e){return B.default.createElement("svg",ye({width:"16px",height:"16px",viewBox:"0 0 120 120"},e),B.default.createElement("path",{d:"M49.8040405,3.34314575 C46.6798462,0.218951416 41.6145263,0.218951416 38.490332,3.34314575 C35.4326099,6.40086786 35.367552,11.3179931 38.2951583,14.4548388 L38.490332,14.6568542 L83.8333725,60 L38.490332,105.343146 C35.4326099,108.400868 35.367552,113.317993 38.2951583,116.454839 L38.490332,116.656854 C41.5480541,119.714576 46.4651794,119.779634 49.602025,116.852028 L49.8040405,116.656854 L100.804041,65.6568542 C103.861763,62.5991321 103.926821,57.6820069 100.999214,54.5451612 L100.804041,54.3431458 L49.8040405,3.34314575 Z",fill:"currentColor"}))}var Re=e.forwardRef((function(e,t){var a=Ee(),n=a.classNames,r=a.styles,o=[n.button_reset,n.button];e.className&&o.push(e.className);var l=o.join(" "),u=ye(ye({},r.button_reset),r.button);return e.style&&Object.assign(u,e.style),B.default.createElement("button",ye({},e,{ref:t,type:"button",className:l,style:u}))}));function Te(e){var t,a,n=Ee(),r=n.dir,o=n.locale,l=n.classNames,u=n.styles,i=n.labels,d=i.labelPrevious,s=i.labelNext,f=n.components;if(!e.nextMonth&&!e.previousMonth)return B.default.createElement(B.default.Fragment,null);var c=d(e.previousMonth,{locale:o}),p=[l.nav_button,l.nav_button_previous].join(" "),m=s(e.nextMonth,{locale:o}),v=[l.nav_button,l.nav_button_next].join(" "),y=null!==(t=null==f?void 0:f.IconRight)&&void 0!==t?t:Fe,h=null!==(a=null==f?void 0:f.IconLeft)&&void 0!==a?a:je;return B.default.createElement("div",{className:l.nav,style:u.nav},!e.hidePrevious&&B.default.createElement(Re,{name:"previous-month","aria-label":c,className:p,style:u.nav_button_previous,disabled:!e.previousMonth,onClick:e.onPreviousClick},"rtl"===r?B.default.createElement(y,{className:l.nav_icon,style:u.nav_icon}):B.default.createElement(h,{className:l.nav_icon,style:u.nav_icon})),!e.hideNext&&B.default.createElement(Re,{name:"next-month","aria-label":m,className:v,style:u.nav_button_next,disabled:!e.nextMonth,onClick:e.onNextClick},"rtl"===r?B.default.createElement(h,{className:l.nav_icon,style:u.nav_icon}):B.default.createElement(y,{className:l.nav_icon,style:u.nav_icon})))}function Ae(e){var t,a,n=Ee(),r=n.numberOfMonths,o=n.dir,l=n.components,u=qe(),i=u.previousMonth,d=u.nextMonth,s=u.goToMonth,f=u.displayMonths,c=f.findIndex((function(t){return J.default(e.displayMonth,t)})),p=0===c,m=c===f.length-1;"rtl"===o&&(m=(t=[p,m])[0],p=t[1]);var v=r>1&&(p||!m),y=r>1&&(m||!p),h=null!==(a=null==l?void 0:l.CaptionLabel)&&void 0!==a?a:Ne,b=B.default.createElement(h,{id:e.id,displayMonth:e.displayMonth});return B.default.createElement(B.default.Fragment,null,b,B.default.createElement(Te,{displayMonth:e.displayMonth,hideNext:v,hidePrevious:y,nextMonth:d,previousMonth:i,onPreviousClick:function(){i&&s(i)},onNextClick:function(){d&&s(d)}}))}function Ye(e){var t,a,n=Ee(),r=n.classNames,o=n.disableNavigation,l=n.styles,u=n.captionLayout,i=n.components,d=null!==(t=null==i?void 0:i.CaptionLabel)&&void 0!==t?t:Ne;return a=o?B.default.createElement(d,{id:e.id,displayMonth:e.displayMonth}):"dropdown"===u?B.default.createElement(Be,{displayMonth:e.displayMonth,id:e.id}):B.default.createElement(Ae,{displayMonth:e.displayMonth,id:e.id}),B.default.createElement("div",{className:r.caption,style:l.caption},a)}function He(){var e=Ee(),t=e.footer,a=e.styles,n=e.classNames.tfoot;return t?B.default.createElement("tfoot",{className:n,style:a.tfoot},B.default.createElement("tr",null,B.default.createElement("td",{colSpan:8},t))):B.default.createElement(B.default.Fragment,null)}function Ke(){var e=Ee(),t=e.classNames,a=e.styles,n=e.showWeekNumber,r=e.locale,o=e.weekStartsOn,l=e.ISOWeek,u=e.formatters.formatWeekdayName,i=e.labels.labelWeekday,d=function(e,t,a){for(var n=a?X.default(new Date):$.default(new Date,{locale:e,weekStartsOn:t}),r=[],o=0;o<7;o++){var l=V.default(n,o);r.push(l)}return r}(r,o,l);return B.default.createElement("tr",{style:a.head_row,className:t.head_row},n&&B.default.createElement("th",{scope:"col",style:a.head_cell,className:t.head_cell}),d.map((function(e,n){return B.default.createElement("th",{key:n,scope:"col",className:t.head_cell,style:a.head_cell},B.default.createElement("span",{"aria-hidden":!0},u(e,{locale:r})),B.default.createElement("span",{className:t.vhidden},i(e,{locale:r})))})))}function Ue(){var e,t=Ee(),a=t.classNames,n=t.styles,r=t.components,o=null!==(e=null==r?void 0:r.HeadRow)&&void 0!==e?e:Ke;return B.default.createElement("thead",{style:n.head,className:a.head},B.default.createElement(o,null))}function ze(e){var t=Ee(),a=t.locale,n=t.formatters.formatDay;return B.default.createElement(B.default.Fragment,null,n(e.date,{locale:a}))}var Ze=e.createContext(void 0);function Ge(e){if(!he(e.initialProps)){var t={selected:void 0,modifiers:{disabled:[]}};return B.default.createElement(Ze.Provider,{value:t},e.children)}return B.default.createElement(Je,{initialProps:e.initialProps,children:e.children})}function Je(e){var t=e.initialProps,a=e.children,n=t.selected,r=t.min,o=t.max,l={disabled:[]};n&&l.disabled.push((function(e){var t=o&&n.length>o-1,a=n.some((function(t){return te.default(t,e)}));return Boolean(t&&!a)}));var u={selected:n,onDayClick:function(e,a,l){var u,i;if((null===(u=t.onDayClick)||void 0===u||u.call(t,e,a,l),!Boolean(a.selected&&r&&(null==n?void 0:n.length)===r))&&!Boolean(!a.selected&&o&&(null==n?void 0:n.length)===o)){var d=n?function(e,t,a){if(a||2===arguments.length)for(var n,r=0,o=t.length;r<o;r++)!n&&r in t||(n||(n=Array.prototype.slice.call(t,0,r)),n[r]=t[r]);return e.concat(n||Array.prototype.slice.call(t))}([],n,!0):[];if(a.selected){var s=d.findIndex((function(t){return te.default(e,t)}));d.splice(s,1)}else d.push(e);null===(i=t.onSelect)||void 0===i||i.call(t,d,e,a,l)}},modifiers:l};return B.default.createElement(Ze.Provider,{value:u},a)}function Qe(){var t=e.useContext(Ze);if(!t)throw new Error("useSelectMultiple must be used within a SelectMultipleProvider");return t}function Ve(e,t){var a=t||{},n=a.from,r=a.to;if(!n)return{from:e,to:void 0};if(!r&&te.default(n,e))return{from:n,to:e};if(!r&&G.default(e,n))return{from:e,to:n};if(!r)return{from:n,to:e};if(!te.default(r,e)||!te.default(n,e)){if(te.default(r,e))return{from:r,to:void 0};if(!te.default(n,e))return re.default(n,e)?{from:e,to:r}:{from:n,to:e}}}var Xe,$e=e.createContext(void 0);function et(e){if(!be(e.initialProps)){var t={selected:void 0,modifiers:{range_start:[],range_end:[],range_middle:[],disabled:[]}};return B.default.createElement($e.Provider,{value:t},e.children)}return B.default.createElement(tt,{initialProps:e.initialProps,children:e.children})}function tt(e){var t=e.initialProps,a=e.children,n=t.selected,r=n||{},o=r.from,l=r.to,u=t.min,i=t.max,d={range_start:[],range_end:[],range_middle:[],disabled:[]};if(o&&(d.range_start=[o],l?(d.range_end=[l],d.range_middle=[{after:o,before:l}]):d.range_end=[o]),u&&(o&&!l&&d.disabled.push({after:ne.default(o,u-1),before:V.default(o,u-1)}),o&&l&&d.disabled.push({after:o,before:V.default(o,u-1)})),i&&(o&&!l&&(d.disabled.push({before:V.default(o,1-i)}),d.disabled.push({after:V.default(o,i-1)})),o&&l)){var s=i-(ae.default(l,o)+1);d.disabled.push({before:ne.default(o,s)}),d.disabled.push({after:V.default(l,s)})}return B.default.createElement($e.Provider,{value:{selected:n,onDayClick:function(e,a,r){var o,l;null===(o=t.onDayClick)||void 0===o||o.call(t,e,a,r);var u=Ve(e,n);null===(l=t.onSelect)||void 0===l||l.call(t,u,e,a,r)},modifiers:d}},a)}function at(){var t=e.useContext($e);if(!t)throw new Error("useSelectRange must be used within a SelectRangeProvider");return t}function nt(e){return Array.isArray(e)?e:void 0!==e?[e]:[]}exports.InternalModifier=void 0,(Xe=exports.InternalModifier||(exports.InternalModifier={})).Outside="outside",Xe.Disabled="disabled",Xe.Selected="selected",Xe.Hidden="hidden",Xe.Today="today",Xe.RangeStart="range_start",Xe.RangeEnd="range_end",Xe.RangeMiddle="range_middle";var rt=exports.InternalModifier.Selected,ot=exports.InternalModifier.Disabled,lt=exports.InternalModifier.Hidden,ut=exports.InternalModifier.Today,it=exports.InternalModifier.RangeEnd,dt=exports.InternalModifier.RangeMiddle,st=exports.InternalModifier.RangeStart,ft=exports.InternalModifier.Outside;var ct=e.createContext(void 0);function pt(e){var t=Ee(),a=function(e,t,a){var n,r=((n={})[rt]=nt(e.selected),n[ot]=nt(e.disabled),n[lt]=nt(e.hidden),n[ut]=[e.today],n[it]=[],n[dt]=[],n[st]=[],n[ft]=[],n);return e.fromDate&&r[ot].push({before:e.fromDate}),e.toDate&&r[ot].push({after:e.toDate}),he(e)?r[ot]=r[ot].concat(t.modifiers[ot]):be(e)&&(r[ot]=r[ot].concat(a.modifiers[ot]),r[st]=a.modifiers[st],r[dt]=a.modifiers[dt],r[it]=a.modifiers[it]),r}(t,Qe(),at()),n=function(e){var t={};return Object.entries(e).forEach((function(e){var a=e[0],n=e[1];t[a]=nt(n)})),t}(t.modifiers),r=ye(ye({},a),n);return B.default.createElement(ct.Provider,{value:r},e.children)}function mt(){var t=e.useContext(ct);if(!t)throw new Error("useModifiers must be used within a ModifiersProvider");return t}function vt(e){return Boolean(e&&"object"==typeof e&&"before"in e&&"after"in e)}function yt(e){return Boolean(e&&"object"==typeof e&&"from"in e)}function ht(e){return Boolean(e&&"object"==typeof e&&"after"in e)}function bt(e){return Boolean(e&&"object"==typeof e&&"before"in e)}function gt(e){return Boolean(e&&"object"==typeof e&&"dayOfWeek"in e)}function wt(e,t){return t.some((function(t){if("boolean"==typeof t)return t;if(a=t,oe.default(a))return te.default(e,t);var a;if(function(e){return Array.isArray(e)&&e.every(oe.default)}(t))return t.includes(e);if(yt(t))return function(e,t){var a,n=t.from,r=t.to;if(!n)return!1;if(!r&&te.default(n,e))return!0;if(!r)return!1;var o=ae.default(r,n)<0;return r&&o&&(n=(a=[r,n])[0],r=a[1]),ae.default(e,n)>=0&&ae.default(r,e)>=0}(e,t);if(gt(t))return t.dayOfWeek.includes(e.getDay());if(vt(t)){var n=ae.default(t.before,e)>0,r=ae.default(t.after,e)<0;return D.isAfter(t.before,t.after)?r&&n:n||r}return ht(t)?ae.default(e,t.after)>0:bt(t)?ae.default(t.before,e)>0:"function"==typeof t&&t(e)}))}function xt(e,t,a){var n=Object.keys(t).reduce((function(a,n){var r=t[n];return wt(e,r)&&a.push(n),a}),[]),r={};return n.forEach((function(e){return r[e]=!0})),a&&!J.default(e,a)&&(r.outside=!0),r}function Dt(e,t){var a=t.moveBy,n=t.direction,r=t.context,o=t.modifiers,l=t.retry,u=void 0===l?{count:0,lastFocused:e}:l,i=r.weekStartsOn,d=r.fromDate,s=r.toDate,f=r.locale,c={day:V.default,week:le.default,month:Z.default,year:ue.default,startOfWeek:function(e){return r.ISOWeek?X.default(e):$.default(e,{locale:f,weekStartsOn:i})},endOfWeek:function(e){return r.ISOWeek?ie.default(e):de.default(e,{locale:f,weekStartsOn:i})}}[a](e,"after"===n?1:-1);"before"===n&&d?c=se.default([d,c]):"after"===n&&s&&(c=fe.default([s,c]));var p=!0;if(o){var m=xt(c,o);p=!m.disabled&&!m.hidden}return p?c:u.count>365?u.lastFocused:Dt(c,{moveBy:a,direction:n,context:r,modifiers:o,retry:ye(ye({},u),{count:u.count+1})})}var Mt=e.createContext(void 0);function _t(t){var a=qe(),n=mt(),r=e.useState(),o=r[0],l=r[1],u=e.useState(),i=u[0],d=u[1],s=function(e,t){for(var a,n,r=Y.default(e[0]),o=T.default(e[e.length-1]),l=r;l<=o;){var u=xt(l,t);if(u.disabled||u.hidden)l=V.default(l,1);else{if(u.selected)return l;u.today&&!n&&(n=l),a||(a=l),l=V.default(l,1)}}return n||a}(a.displayMonths,n),f=(null!=o?o:i&&a.isDateDisplayed(i))?i:s,c=function(e){l(e)},p=Ee(),m=function(e,t){if(o){var r=Dt(o,{moveBy:e,direction:t,context:p,modifiers:n});te.default(o,r)||(a.goToDate(r,o),c(r))}},v={focusedDay:o,focusTarget:f,blur:function(){d(o),l(void 0)},focus:c,focusDayAfter:function(){return m("day","after")},focusDayBefore:function(){return m("day","before")},focusWeekAfter:function(){return m("week","after")},focusWeekBefore:function(){return m("week","before")},focusMonthBefore:function(){return m("month","before")},focusMonthAfter:function(){return m("month","after")},focusYearBefore:function(){return m("year","before")},focusYearAfter:function(){return m("year","after")},focusStartOfWeek:function(){return m("startOfWeek","before")},focusEndOfWeek:function(){return m("endOfWeek","after")}};return B.default.createElement(Mt.Provider,{value:v},t.children)}function kt(){var t=e.useContext(Mt);if(!t)throw new Error("useFocusContext must be used within a FocusProvider");return t}function Et(e,t){return xt(e,mt(),t)}var Nt=e.createContext(void 0);function Ct(e){if(!ge(e.initialProps)){var t={selected:void 0};return B.default.createElement(Nt.Provider,{value:t},e.children)}return B.default.createElement(Pt,{initialProps:e.initialProps,children:e.children})}function Pt(e){var t=e.initialProps,a=e.children,n={selected:t.selected,onDayClick:function(e,a,n){var r,o,l;null===(r=t.onDayClick)||void 0===r||r.call(t,e,a,n),!a.selected||t.required?null===(l=t.onSelect)||void 0===l||l.call(t,e,e,a,n):null===(o=t.onSelect)||void 0===o||o.call(t,void 0,e,a,n)}};return B.default.createElement(Nt.Provider,{value:n},a)}function Ot(){var t=e.useContext(Nt);if(!t)throw new Error("useSelectSingle must be used within a SelectSingleProvider");return t}function St(e,t){var a=[e.classNames.day];return Object.keys(t).forEach((function(t){var n=e.modifiersClassNames[t];if(n)a.push(n);else if(function(e){return Object.values(exports.InternalModifier).includes(e)}(t)){var r=e.classNames["day_".concat(t)];r&&a.push(r)}})),a}function Wt(t,a,n){var r,o,l,u=Ee(),i=kt(),d=Et(t,a),s=function(e,t){var a=Ee(),n=Ot(),r=Qe(),o=at(),l=kt(),u=l.focusDayAfter,i=l.focusDayBefore,d=l.focusWeekAfter,s=l.focusWeekBefore,f=l.blur,c=l.focus,p=l.focusMonthBefore,m=l.focusMonthAfter,v=l.focusYearBefore,y=l.focusYearAfter,h=l.focusStartOfWeek,b=l.focusEndOfWeek,g={onClick:function(l){var u,i,d,s;ge(a)?null===(u=n.onDayClick)||void 0===u||u.call(n,e,t,l):he(a)?null===(i=r.onDayClick)||void 0===i||i.call(r,e,t,l):be(a)?null===(d=o.onDayClick)||void 0===d||d.call(o,e,t,l):null===(s=a.onDayClick)||void 0===s||s.call(a,e,t,l)},onFocus:function(n){var r;c(e),null===(r=a.onDayFocus)||void 0===r||r.call(a,e,t,n)},onBlur:function(n){var r;f(),null===(r=a.onDayBlur)||void 0===r||r.call(a,e,t,n)},onKeyDown:function(n){var r;switch(n.key){case"ArrowLeft":n.preventDefault(),n.stopPropagation(),"rtl"===a.dir?u():i();break;case"ArrowRight":n.preventDefault(),n.stopPropagation(),"rtl"===a.dir?i():u();break;case"ArrowDown":n.preventDefault(),n.stopPropagation(),d();break;case"ArrowUp":n.preventDefault(),n.stopPropagation(),s();break;case"PageUp":n.preventDefault(),n.stopPropagation(),n.shiftKey?v():p();break;case"PageDown":n.preventDefault(),n.stopPropagation(),n.shiftKey?y():m();break;case"Home":n.preventDefault(),n.stopPropagation(),h();break;case"End":n.preventDefault(),n.stopPropagation(),b()}null===(r=a.onDayKeyDown)||void 0===r||r.call(a,e,t,n)},onKeyUp:function(n){var r;null===(r=a.onDayKeyUp)||void 0===r||r.call(a,e,t,n)},onMouseEnter:function(n){var r;null===(r=a.onDayMouseEnter)||void 0===r||r.call(a,e,t,n)},onMouseLeave:function(n){var r;null===(r=a.onDayMouseLeave)||void 0===r||r.call(a,e,t,n)},onTouchCancel:function(n){var r;null===(r=a.onDayTouchCancel)||void 0===r||r.call(a,e,t,n)},onTouchEnd:function(n){var r;null===(r=a.onDayTouchEnd)||void 0===r||r.call(a,e,t,n)},onTouchMove:function(n){var r;null===(r=a.onDayTouchMove)||void 0===r||r.call(a,e,t,n)},onTouchStart:function(n){var r;null===(r=a.onDayTouchStart)||void 0===r||r.call(a,e,t,n)}};return g}(t,d),f=function(){var e=Ee(),t=Ot(),a=Qe(),n=at();return ge(e)?t.selected:he(e)?a.selected:be(e)?n.selected:void 0}(),c=Boolean(u.onDayClick||"default"!==u.mode);e.useEffect((function(){var e;d.outside||i.focusedDay&&c&&te.default(i.focusedDay,t)&&(null===(e=n.current)||void 0===e||e.focus())}),[i.focusedDay,t,n,c,d.outside]);var p=St(u,d).join(" "),m=function(e,t){var a=ye({},e.styles.day);return Object.keys(t).forEach((function(t){var n;a=ye(ye({},a),null===(n=e.modifiersStyles)||void 0===n?void 0:n[t])})),a}(u,d),v=u.labels.labelDay(t,d,{locale:u.locale}),y=Boolean(d.outside&&!u.showOutsideDays||d.hidden),h=null!==(l=null===(o=u.components)||void 0===o?void 0:o.DayContent)&&void 0!==l?l:ze,b={style:m,className:p,children:B.default.createElement(h,{date:t,displayMonth:a,activeModifiers:d}),"aria-label":v},g=Boolean(i.focusTarget&&te.default(i.focusTarget,t)),w=ye(ye(ye({},b),((r={disabled:d.disabled})["aria-pressed"]=d.selected,r["aria-label"]=v,r.tabIndex=g?0:-1,r)),s);return{isButton:c,isHidden:y,activeModifiers:d,selectedDays:f,buttonProps:w,divProps:b}}function Lt(t){var a=e.useRef(null),n=Wt(t.date,t.displayMonth,a);return n.isHidden?B.default.createElement(B.default.Fragment,null):n.isButton?B.default.createElement(Re,ye({name:"day",ref:a},n.buttonProps)):B.default.createElement("div",ye({},n.divProps))}function It(e){var t=e.number,a=e.dates,n=Ee(),r=n.onWeekNumberClick,o=n.styles,l=n.classNames,u=n.locale,i=n.labels.labelWeekNumber,d=(0,n.formatters.formatWeekNumber)(Number(t),{locale:u});if(!r)return B.default.createElement("span",{className:l.weeknumber,style:o.weeknumber},d);var s=i(Number(t),{locale:u});return B.default.createElement(Re,{name:"week-number","aria-label":s,className:l.weeknumber,style:o.weeknumber,onClick:function(e){r(t,a,e)}},d)}function qt(e){var t,a,n,r=Ee(),o=r.styles,l=r.classNames,u=r.showWeekNumber,i=r.components,d=null!==(t=null==i?void 0:i.Day)&&void 0!==t?t:Lt,s=null!==(a=null==i?void 0:i.WeekNumber)&&void 0!==a?a:It;return u&&(n=B.default.createElement("td",{className:l.cell,style:o.cell},B.default.createElement(s,{number:e.weekNumber,dates:e.dates}))),B.default.createElement("tr",{className:l.row,style:o.row},n,e.dates.map((function(t){return B.default.createElement("td",{className:l.cell,style:o.cell,key:ee.default(t)},B.default.createElement(d,{displayMonth:e.displayMonth,date:t}))})))}function Bt(e,t,a){for(var n=(null==a?void 0:a.ISOWeek)?ie.default(t):de.default(t,a),r=(null==a?void 0:a.ISOWeek)?X.default(e):$.default(e,a),o=ae.default(n,r),l=[],u=0;u<=o;u++)l.push(V.default(r,u));return l.reduce((function(e,t){var n=(null==a?void 0:a.ISOWeek)?pe.default(t):me.default(t,a),r=e.find((function(e){return e.weekNumber===n}));return r?(r.dates.push(t),e):(e.push({weekNumber:n,dates:[t]}),e)}),[])}function jt(e){var t,a,n,r=Ee(),o=r.locale,l=r.classNames,u=r.styles,i=r.hideHead,d=r.fixedWeeks,s=r.components,f=r.weekStartsOn,c=r.firstWeekContainsDate,p=r.ISOWeek,m=function(e,t){var a=Bt(Y.default(e),T.default(e),t);if(null==t?void 0:t.useFixedWeeks){var n=ce.default(e,t);if(n<6){var r=a[a.length-1],o=r.dates[r.dates.length-1],l=le.default(o,6-n),u=Bt(le.default(o,1),l,t);a.push.apply(a,u)}}return a}(e.displayMonth,{useFixedWeeks:Boolean(d),ISOWeek:p,locale:o,weekStartsOn:f,firstWeekContainsDate:c}),v=null!==(t=null==s?void 0:s.Head)&&void 0!==t?t:Ue,y=null!==(a=null==s?void 0:s.Row)&&void 0!==a?a:qt,h=null!==(n=null==s?void 0:s.Footer)&&void 0!==n?n:He;return B.default.createElement("table",{className:l.table,style:u.table,role:"grid","aria-labelledby":e["aria-labelledby"]},!i&&B.default.createElement(v,null),B.default.createElement("tbody",{className:l.tbody,style:u.tbody},m.map((function(t){return B.default.createElement(y,{displayMonth:e.displayMonth,key:t.weekNumber,dates:t.dates,weekNumber:t.weekNumber})}))),B.default.createElement(h,null))}var Ft="undefined"!=typeof window&&window.document&&window.document.createElement?j.useLayoutEffect:j.useEffect,Rt=!1,Tt=0;function At(){return"react-day-picker-".concat(++Tt)}function Yt(e){var t,a,n=Ee(),r=n.dir,o=n.classNames,l=n.styles,u=n.components,i=qe().displayMonths,d=function(e){var t,a=null!=e?e:Rt?At():null,n=j.useState(a),r=n[0],o=n[1];return Ft((function(){null===r&&o(At())}),[]),j.useEffect((function(){!1===Rt&&(Rt=!0)}),[]),null!==(t=null!=e?e:r)&&void 0!==t?t:void 0}(n.id?"".concat(n.id,"-").concat(e.displayIndex):void 0),s=[o.month],f=l.month,c=0===e.displayIndex,p=e.displayIndex===i.length-1,m=!c&&!p;"rtl"===r&&(p=(t=[c,p])[0],c=t[1]),c&&(s.push(o.caption_start),f=ye(ye({},f),l.caption_start)),p&&(s.push(o.caption_end),f=ye(ye({},f),l.caption_end)),m&&(s.push(o.caption_between),f=ye(ye({},f),l.caption_between));var v=null!==(a=null==u?void 0:u.Caption)&&void 0!==a?a:Ye;return B.default.createElement("div",{key:e.displayIndex,className:s.join(" "),style:f},B.default.createElement(v,{id:d,displayMonth:e.displayMonth}),B.default.createElement(jt,{"aria-labelledby":d,displayMonth:e.displayMonth}))}function Ht(){var t=Ee(),a=kt(),n=qe(),r=e.useState(!1),o=r[0],l=r[1];e.useEffect((function(){t.initialFocus&&a.focusTarget&&(o||(a.focus(a.focusTarget),l(!0)))}),[t.initialFocus,o,a.focus,a.focusTarget,a]);var u=[t.classNames.root,t.className];t.numberOfMonths>1&&u.push(t.classNames.multiple_months),t.showWeekNumber&&u.push(t.classNames.with_weeknumber);var i=ye(ye({},t.styles.root),t.style);return B.default.createElement("div",{className:u.join(" "),style:i,dir:t.dir},B.default.createElement("div",{className:t.classNames.months,style:t.styles.months},n.displayMonths.map((function(e,t){return B.default.createElement(Yt,{key:t,displayIndex:t,displayMonth:e})}))))}function Kt(e){var t=e.children,a=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a}(e,["children"]);return B.default.createElement(ke,{initialProps:a},B.default.createElement(Ie,null,B.default.createElement(Ct,{initialProps:a},B.default.createElement(Ge,{initialProps:a},B.default.createElement(et,{initialProps:a},B.default.createElement(pt,null,B.default.createElement(_t,null,t)))))))}function Ut(e){return!isNaN(e.getTime())}exports.Button=Re,exports.Caption=Ye,exports.CaptionDropdowns=Be,exports.CaptionLabel=Ne,exports.CaptionNavigation=Ae,exports.Day=Lt,exports.DayContent=ze,exports.DayPicker=function(e){return B.default.createElement(Kt,ye({},e),B.default.createElement(Ht,null))},exports.DayPickerContext=_e,exports.DayPickerProvider=ke,exports.Dropdown=Pe,exports.FocusContext=Mt,exports.FocusProvider=_t,exports.Footer=He,exports.Head=Ue,exports.HeadRow=Ke,exports.IconDropdown=Ce,exports.IconLeft=je,exports.IconRight=Fe,exports.NavigationContext=Le,exports.NavigationProvider=Ie,exports.RootProvider=Kt,exports.Row=qt,exports.SelectMultipleContext=Ze,exports.SelectMultipleProvider=Ge,exports.SelectMultipleProviderInternal=Je,exports.SelectRangeContext=$e,exports.SelectRangeProvider=et,exports.SelectRangeProviderInternal=tt,exports.SelectSingleContext=Nt,exports.SelectSingleProvider=Ct,exports.SelectSingleProviderInternal=Pt,exports.WeekNumber=It,exports.addToRange=Ve,exports.isDateAfterType=ht,exports.isDateBeforeType=bt,exports.isDateInterval=vt,exports.isDateRange=yt,exports.isDayOfWeekType=gt,exports.isDayPickerDefault=function(e){return void 0===e.mode||"default"===e.mode},exports.isDayPickerMultiple=he,exports.isDayPickerRange=be,exports.isDayPickerSingle=ge,exports.isMatch=wt,exports.useActiveModifiers=Et,exports.useDayPicker=Ee,exports.useDayRender=Wt,exports.useFocusContext=kt,exports.useInput=function(t){void 0===t&&(t={});var a=t.locale,n=void 0===a?F.default:a,r=t.required,o=t.format,l=void 0===o?"PP":o,u=t.defaultSelected,i=t.today,d=void 0===i?new Date:i,s=Me(t),f=s.fromDate,c=s.toDate,p=function(e){return ve.default(e,l,d,{locale:n})},m=e.useState(null!=u?u:d),v=m[0],y=m[1],h=e.useState(u),b=h[0],g=h[1],w=u?R.default(u,l,{locale:n}):"",x=e.useState(w),D=x[0],M=x[1],_=function(){g(u),y(null!=u?u:d),M(null!=w?w:"")},k={month:v,onDayClick:function(e,t){var a=t.selected;if(!r&&a)return g(void 0),void M("");g(e),M(e?R.default(e,l,{locale:n}):"")},onMonthChange:function(e){y(e)},selected:b,locale:n,fromDate:f,toDate:c,today:d},E={onBlur:function(e){Ut(p(e.target.value))||_()},onChange:function(e){M(e.target.value);var t=p(e.target.value),a=f&&ae.default(f,t)>0,n=c&&ae.default(t,c)>0;!Ut(t)||a||n?g(void 0):(g(t),y(t))},onFocus:function(e){if(e.target.value){var t=p(e.target.value);Ut(t)&&y(t)}else _()},value:D,placeholder:R.default(new Date,l,{locale:n})};return{dayPickerProps:k,inputProps:E,reset:_,setSelected:function(e){g(e),y(null!=e?e:d),M(e?R.default(e,l,{locale:n}):"")}}},exports.useNavigation=qe,exports.useSelectMultiple=Qe,exports.useSelectRange=at,exports.useSelectSingle=Ot}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-day-picker",
-  "version": "8.3.0",
+  "version": "8.3.1",
   "description": "Customizable Date Picker for React",
   "author": "Giampaolo Bellavite <io@gpbl.dev>",
   "homepage": "http://react-day-picker.js.org",
@@ -36,7 +36,7 @@
     "@rollup/plugin-alias": "^3.1.9",
     "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^12.1.4",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",

package/src/components/Caption/Caption.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { CaptionDropdowns } from 'components/CaptionDropdowns';
+import { CaptionLabel } from 'components/CaptionLabel';
 import { CaptionNavigation } from 'components/CaptionNavigation';
 import { useDayPicker } from 'contexts/DayPicker';
 
@@ -25,17 +26,16 @@ export type CaptionLayout = 'dropdown' | 'buttons';
  * setting the {@link DayPickerBase.captionLayout} prop.
  */
 export function Caption(props: CaptionProps): JSX.Element {
-  const {
-    classNames,
-    disableNavigation,
-    styles,
-    captionLayout,
-    components: { CaptionLabel }
-  } = useDayPicker();
+  const { classNames, disableNavigation, styles, captionLayout, components } =
+    useDayPicker();
+
+  const CaptionLabelComponent = components?.CaptionLabel ?? CaptionLabel;
 
   let caption: JSX.Element;
   if (disableNavigation) {
-    caption = <CaptionLabel id={props.id} displayMonth={props.displayMonth} />;
+    caption = (
+      <CaptionLabelComponent id={props.id} displayMonth={props.displayMonth} />
+    );
   } else if (captionLayout === 'dropdown') {
     caption = (
       <CaptionDropdowns displayMonth={props.displayMonth} id={props.id} />

package/src/components/CaptionDropdowns/CaptionDropdowns.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 
 import { CaptionProps } from 'components/Caption/Caption';
+import { CaptionLabel } from 'components/CaptionLabel';
 import { MonthsDropdown } from 'components/MonthsDropdown';
 import { YearsDropdown } from 'components/YearsDropdown';
 import { useDayPicker } from 'contexts/DayPicker';
@@ -11,18 +12,15 @@ import { MonthChangeEventHandler } from 'types/EventHandlers';
  * Render a caption with the dropdowns to navigate between months and years.
  */
 export function CaptionDropdowns(props: CaptionProps): JSX.Element {
-  const {
-    classNames,
-    styles,
-    components: { CaptionLabel }
-  } = useDayPicker();
+  const { classNames, styles, components } = useDayPicker();
   const { goToMonth } = useNavigation();
 
   const handleMonthChange: MonthChangeEventHandler = (newMonth) => {
     goToMonth(newMonth);
   };
+  const CaptionLabelComponent = components?.CaptionLabel ?? CaptionLabel;
   const captionLabel = (
-    <CaptionLabel id={props.id} displayMonth={props.displayMonth} />
+    <CaptionLabelComponent id={props.id} displayMonth={props.displayMonth} />
   );
   return (
     <div

package/src/components/CaptionNavigation/CaptionNavigation.tsx

@@ -3,6 +3,7 @@ import React from 'react';
 import isSameMonth from 'date-fns/isSameMonth';
 
 import { CaptionProps } from 'components/Caption/Caption';
+import { CaptionLabel } from 'components/CaptionLabel';
 import { Navigation } from 'components/Navigation';
 import { useDayPicker } from 'contexts/DayPicker';
 import { useNavigation } from 'contexts/Navigation';
@@ -11,11 +12,7 @@ import { useNavigation } from 'contexts/Navigation';
  * Render a caption with a button-based navigation.
  */
 export function CaptionNavigation(props: CaptionProps): JSX.Element {
-  const {
-    numberOfMonths,
-    dir,
-    components: { CaptionLabel }
-  } = useDayPicker();
+  const { numberOfMonths, dir, components } = useDayPicker();
   const { previousMonth, nextMonth, goToMonth, displayMonths } =
     useNavigation();
 
@@ -42,9 +39,14 @@ export function CaptionNavigation(props: CaptionProps): JSX.Element {
     goToMonth(nextMonth);
   };
 
+  const CaptionLabelComponent = components?.CaptionLabel ?? CaptionLabel;
+  const captionLabel = (
+    <CaptionLabelComponent id={props.id} displayMonth={props.displayMonth} />
+  );
+
   return (
     <>
-      <CaptionLabel id={props.id} displayMonth={props.displayMonth} />
+      {captionLabel}
       <Navigation
         displayMonth={props.displayMonth}
         hideNext={hideNext}

package/src/components/Dropdown/Dropdown.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { IconDropdown } from 'components/IconDropdown';
 import { useDayPicker } from 'contexts/DayPicker';
 
 /** The props for the {@link Dropdown} component. */
@@ -23,11 +24,10 @@ export interface DropdownProps {
  */
 export function Dropdown(props: DropdownProps): JSX.Element {
   const { onChange, value, children, caption, className, style } = props;
-  const {
-    components: { IconDropdown },
-    ...dayPicker
-  } = useDayPicker();
+  const dayPicker = useDayPicker();
 
+  const IconDropdownComponent =
+    dayPicker.components?.IconDropdown ?? IconDropdown;
   return (
     <div className={className} style={style}>
       <span className={dayPicker.classNames.vhidden}>
@@ -50,7 +50,7 @@ export function Dropdown(props: DropdownProps): JSX.Element {
       >
         {caption}
         {
-          <IconDropdown
+          <IconDropdownComponent
             className={dayPicker.classNames.dropdown_icon}
             style={dayPicker.styles.dropdown_icon}
           />

package/src/components/Head/Head.tsx

@@ -1,17 +1,15 @@
 import React from 'react';
 
+import { HeadRow } from 'components/HeadRow';
 import { useDayPicker } from 'contexts/DayPicker';
 
 /** Render the table head. */
 export function Head(): JSX.Element {
-  const {
-    classNames,
-    styles,
-    components: { HeadRow }
-  } = useDayPicker();
+  const { classNames, styles, components } = useDayPicker();
+  const HeadRowComponent = components?.HeadRow ?? HeadRow;
   return (
     <thead style={styles.head} className={classNames.head}>
-      <HeadRow />
+      <HeadRowComponent />
     </thead>
   );
 }

package/src/components/Month/Month.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 
+import { Caption } from 'components/Caption';
 import { Table } from 'components/Table';
 import { useDayPicker } from 'contexts/DayPicker';
 import { useNavigation } from 'contexts/Navigation';
@@ -14,12 +15,7 @@ export interface MonthProps {
 /** Render a month. */
 export function Month(props: MonthProps) {
   const dayPicker = useDayPicker();
-  const {
-    dir,
-    classNames,
-    styles,
-    components: { Caption }
-  } = dayPicker;
+  const { dir, classNames, styles, components } = dayPicker;
   const { displayMonths } = useNavigation();
 
   const captionId = useId(
@@ -49,9 +45,11 @@ export function Month(props: MonthProps) {
     style = { ...style, ...styles.caption_between };
   }
 
+  const CaptionComponent = components?.Caption ?? Caption;
+
   return (
     <div key={props.displayIndex} className={className.join(' ')} style={style}>
-      <Caption id={captionId} displayMonth={props.displayMonth} />
+      <CaptionComponent id={captionId} displayMonth={props.displayMonth} />
       <Table aria-labelledby={captionId} displayMonth={props.displayMonth} />
     </div>
   );

package/src/components/MonthsDropdown/MonthsDropdown.tsx

@@ -4,6 +4,7 @@ import isSameYear from 'date-fns/isSameYear';
 import setMonth from 'date-fns/setMonth';
 import startOfMonth from 'date-fns/startOfMonth';
 
+import { Dropdown } from 'components/Dropdown';
 import { useDayPicker } from 'contexts/DayPicker';
 import { MonthChangeEventHandler } from 'types/EventHandlers';
 
@@ -23,7 +24,7 @@ export function MonthsDropdown(props: MonthsDropdownProps): JSX.Element {
     locale,
     formatters: { formatMonthCaption },
     classNames,
-    components: { Dropdown },
+    components,
     labels: { labelMonthDropdown }
   } = useDayPicker();
 
@@ -53,8 +54,10 @@ export function MonthsDropdown(props: MonthsDropdownProps): JSX.Element {
     props.onChange(newMonth);
   };
 
+  const DropdownComponent = components?.Dropdown ?? Dropdown;
+
   return (
-    <Dropdown
+    <DropdownComponent
       name="months"
       aria-label={labelMonthDropdown()}
       className={classNames.dropdown_month}
@@ -68,6 +71,6 @@ export function MonthsDropdown(props: MonthsDropdownProps): JSX.Element {
           {formatMonthCaption(m, { locale })}
         </option>
       ))}
-    </Dropdown>
+    </DropdownComponent>
   );
 }

package/src/components/Navigation/Navigation.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { IconLeft } from 'components/IconLeft';
+import { IconRight } from 'components/IconRight';
 import { useDayPicker } from 'contexts/DayPicker';
 
 import { Button } from '../Button';
@@ -30,7 +32,7 @@ export function Navigation(props: NavigationProps): JSX.Element {
     classNames,
     styles,
     labels: { labelPrevious, labelNext },
-    components: { IconRight, IconLeft }
+    components
   } = useDayPicker();
 
   if (!props.nextMonth && !props.previousMonth) {
@@ -49,6 +51,8 @@ export function Navigation(props: NavigationProps): JSX.Element {
     classNames.nav_button_next
   ].join(' ');
 
+  const IconRightComponent = components?.IconRight ?? IconRight;
+  const IconLeftComponent = components?.IconLeft ?? IconLeft;
   return (
     <div className={classNames.nav} style={styles.nav}>
       {!props.hidePrevious && (
@@ -61,12 +65,15 @@ export function Navigation(props: NavigationProps): JSX.Element {
           onClick={props.onPreviousClick}
         >
           {dir === 'rtl' ? (
-            <IconRight
+            <IconRightComponent
               className={classNames.nav_icon}
               style={styles.nav_icon}
             />
           ) : (
-            <IconLeft className={classNames.nav_icon} style={styles.nav_icon} />
+            <IconLeftComponent
+              className={classNames.nav_icon}
+              style={styles.nav_icon}
+            />
           )}
         </Button>
       )}
@@ -80,9 +87,12 @@ export function Navigation(props: NavigationProps): JSX.Element {
           onClick={props.onNextClick}
         >
           {dir === 'rtl' ? (
-            <IconLeft className={classNames.nav_icon} style={styles.nav_icon} />
+            <IconLeftComponent
+              className={classNames.nav_icon}
+              style={styles.nav_icon}
+            />
           ) : (
-            <IconRight
+            <IconRightComponent
               className={classNames.nav_icon}
               style={styles.nav_icon}
             />

package/src/components/Row/Row.tsx

@@ -2,6 +2,8 @@ import React from 'react';
 
 import getUnixTime from 'date-fns/getUnixTime';
 
+import { Day } from 'components/Day';
+import { WeekNumber } from 'components/WeekNumber';
 import { useDayPicker } from 'contexts/DayPicker';
 
 /**
@@ -18,18 +20,16 @@ export interface RowProps {
 
 /** Render a row in the calendar, with the days and the week number. */
 export function Row(props: RowProps): JSX.Element {
-  const {
-    styles,
-    classNames,
-    showWeekNumber,
-    components: { Day, WeekNumber }
-  } = useDayPicker();
+  const { styles, classNames, showWeekNumber, components } = useDayPicker();
+
+  const DayComponent = components?.Day ?? Day;
+  const WeeknumberComponent = components?.WeekNumber ?? WeekNumber;
 
   let weekNumberCell;
   if (showWeekNumber) {
     weekNumberCell = (
       <td className={classNames.cell} style={styles.cell}>
-        <WeekNumber number={props.weekNumber} dates={props.dates} />
+        <WeeknumberComponent number={props.weekNumber} dates={props.dates} />
       </td>
     );
   }
@@ -43,7 +43,7 @@ export function Row(props: RowProps): JSX.Element {
           style={styles.cell}
           key={getUnixTime(date)}
         >
-          <Day displayMonth={props.displayMonth} date={date} />
+          <DayComponent displayMonth={props.displayMonth} date={date} />
         </td>
       ))}
     </tr>

package/src/components/Table/Table.test.tsx

@@ -30,9 +30,25 @@ describe('when showing the week numbers', () => {
 describe('when using custom components', () => {
   const dayPickerProps: DayPickerProps = {
     components: {
-      Head: () => <div>CustomHead</div>,
-      Row: () => <div>CustomRow</div>,
-      Footer: () => <div>CustomFooter</div>
+      Head: () => (
+        <thead>
+          <tr>
+            <td>CustomHead</td>
+          </tr>
+        </thead>
+      ),
+      Row: () => (
+        <tr>
+          <td>CustomRow</td>
+        </tr>
+      ),
+      Footer: () => (
+        <tfoot>
+          <tr>
+            <td>CustomFooter</td>
+          </tr>
+        </tfoot>
+      )
     }
   };
   test('should render correctly', () => {

package/src/components/Table/Table.tsx

@@ -1,5 +1,8 @@
 import React from 'react';
 
+import { Footer } from 'components/Footer';
+import { Head } from 'components/Head';
+import { Row } from 'components/Row';
 import { useDayPicker } from 'contexts/DayPicker';
 
 import { getMonthWeeks } from './utils/getMonthWeeks';
@@ -20,7 +23,7 @@ export function Table(props: TableProps): JSX.Element {
     styles,
     hideHead,
     fixedWeeks,
-    components: { Head, Row, Footer },
+    components,
     weekStartsOn,
     firstWeekContainsDate,
     ISOWeek
@@ -34,6 +37,9 @@ export function Table(props: TableProps): JSX.Element {
     firstWeekContainsDate
   });
 
+  const HeadComponent = components?.Head ?? Head;
+  const RowComponent = components?.Row ?? Row;
+  const FooterComponent = components?.Footer ?? Footer;
   return (
     <table
       className={classNames.table}
@@ -41,10 +47,10 @@ export function Table(props: TableProps): JSX.Element {
       role="grid"
       aria-labelledby={props['aria-labelledby']}
     >
-      {!hideHead && <Head />}
+      {!hideHead && <HeadComponent />}
       <tbody className={classNames.tbody} style={styles.tbody}>
         {weeks.map((week) => (
-          <Row
+          <RowComponent
             displayMonth={props.displayMonth}
             key={week.weekNumber}
             dates={week.dates}
@@ -52,7 +58,7 @@ export function Table(props: TableProps): JSX.Element {
           />
         ))}
       </tbody>
-      <Footer />
+      <FooterComponent />
     </table>
   );
 }