@rehookify/datepicker - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const n=(...e)=>(...t)=>e.forEach((e=>null==e?void 0:e(...t))),r=e=>(t,a)=>e(a),l=e=>(...t)=>{e()},o=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),s=e=>new Date(e.getFullYear(),e.getMonth(),1),c=(e,t,a)=>new Date(e.getFullYear()+("year"===a?t:0),e.getMonth()+("month"===a?t:0),e.getDate()+("date"===a?t:0)),i=(e,t,a)=>c(e,0-t,a),u=(e,t)=>e.getTime()-t.getTime(),d=(e,{locale:t,monthName:a})=>e.toLocaleDateString(t,{month:a}),g=(e,{locale:t,options:a})=>e.toLocaleDateString(t,a),D=o(new Date),m={mode:"static",offsets:[0]},h={numberOfYearsDisplayed:12},f={mode:"single",toggle:!1},y={locale:"en-GB",day:"2-digit",year:"numeric",weekday:"short",monthName:"long"},b=(e,t)=>e.toString()===t.toString(),k=(e,t)=>e<t,C=(e,t)=>e>t,p=(e,t,a)=>C(t,e)&&k(t,a),w=(e,t)=>!!e&&C(t,e),x=(e,t)=>!!e&&k(t,e),S=(e,t)=>!!e&&k(t,s(e)),v=(e,t,a)=>!!b(e,t)||(k(t,a)?p(t,e,a):!!C(t,a)&&p(a,e,t)),Y=(e,t,a,n,r)=>{if("static"===n)return 42;const l=(o=a,new Date(o.getFullYear(),o.getMonth()+1,0).getDate());var o;return r+l+7-new Date(t,e,l).getUTCDay()-1},M=(e,t,a,n,{mode:r},l)=>{const{locale:o,day:s,year:c}=n,i=e.getFullYear(),u=e.getMonth(),{firstDayOffset:m,numberOfDaysToDisplay:h}=((e,t,a)=>{const n=new Date(t,e,1),r=n.getUTCDay();return{firstDayOffset:r,numberOfDaysToDisplay:Y(e,t,n,a,r)}})(u,i,l),f="range"===r,y=[];for(let e=1;e<=h;e++){const r=new Date(i,u,e-m);y.push({$date:r,date:g(r,n),day:r.toLocaleDateString(o,{day:s}),currentDisplayedMonth:r.getMonth()===u,isToday:b(D,r),isSelected:t.some((e=>b(e,r))),inRange:!(!f||2!==t.length)&&p(t[0],r,t[1]),isRangeStart:!(!f||!t[0])&&b(r,t[0]),isRangeEnd:!(!f||!t[1])&&b(r,t[1]),willBeInRange:!(!f||!a)&&v(r,a,t[0])})}return{year:e.toLocaleDateString(o,{year:c}),month:d(e,n),days:y}},$=({calendar:e,years:t,dates:a,locale:n}={})=>{const{minDate:r,maxDate:l,selectedDates:s,...c}=a||{},{offsets:i=[],...u}=e||{},d={calendar:{...m,...u,offsets:m.offsets.concat(i)},years:{...h,...t},dates:{...f,...c,minDate:r?o(r):null,maxDate:l?o(l):null,selectedDates:(g=s,g?Array.isArray(g)?g:[g]:[]).map((e=>o(e)))},locale:{...y,...n}};var g;return(({dates:e})=>{const{selectedDates:t,minDate:a,maxDate:n}=e||{};if(t&&t.length>0){if(a&&t.every((e=>k(e,a))))throw new Error(`All selectedDates must be after minDate: ${a.toLocaleDateString()}`);if(n&&t.every((e=>C(e,n))))throw new Error(`All selectedDates must be before maxDate: ${n.toLocaleDateString()}`)}if(a&&n&&k(n,a))throw new Error(`maxDate ${n.toLocaleDateString()} is before minDate ${a.toLocaleDateString()}`)})(d),d},P=(e,t,a={})=>({role:"button",tabIndex:0,...e&&{disabled:!0,"aria-disabled":!0},...!e&&{onClick(e){t(e)}},...a}),F=e=>e-e%10-1,B=t=>{const{dates:a,calendar:o,locale:m,years:h}=$(t),{minDate:f,maxDate:y,toggle:k,mode:C}=a,[p,v]=e.useState(null),[Y,B]=e.useState(a.selectedDates),[E,L]=e.useState(Y.length>0?Y[Y.length-1]:(({maxDate:e,minDate:t})=>w(e,D)?e:x(t,D)?t:D)(a)),[O,T]=e.useState(F(E.getFullYear())),A=((e,t,a,n,r,{mode:l,offsets:o})=>o.map((o=>M(c(e,o,"month"),t,a,n,r,l))))(E,Y,p,m,a,o),R=(({days:e},{locale:t,weekday:a})=>{const n=[];for(let r=0;r<7;r++)n.push(e[r].$date.toLocaleDateString(t,{weekday:a}));return n})(A[0],m),N=((e,t,a,{numberOfYearsDisplayed:n})=>{const r=t.getFullYear(),l=[];for(let o=0;o<n;o++){const n=e+o;l.push({$date:new Date(n,t.getMonth(),t.getDate()),value:n,isActive:r===n,isSelected:a.some((e=>e.getFullYear()===n))})}return l})(O,E,Y,h),j=((e,t,a)=>{const n=[];for(let r=0;r<12;r++){const l=new Date(e.getFullYear(),r,1),o=d(l,a);n.push({$date:l,name:o,isSelected:t.some((e=>d(e,a)===o)),isActive:d(e,a)===o})}return n})(E,Y,m),G=e.useCallback((e=>{L(e),T(F(e.getFullYear()))}),[]),I=e.useCallback((e=>{B(((e,t,{mode:a,toggle:n,limit:r})=>{if("single"===a)return n&&e[0]&&b(t,e[0])?[]:[t];if("multiple"===a){if(n){const a=e.filter((e=>!b(e,t)));if(a.length<e.length)return a}return!r||e.length<r?e.concat(t).sort(u):e}return 2===e.length?[t]:e.concat(t).sort(u)})(Y,e,a)),G(e)}),[a,Y,G]),U=e.useCallback((()=>G(c(E,1,"month"))),[E,G]),_=e.useCallback((()=>G(i(E,1,"month"))),[E,G]),q=e.useCallback((()=>T((e=>e+10))),[]),z=e.useCallback((()=>T((e=>e-10))),[]),H=e.useCallback((e=>L(e)),[]),J=e.useCallback((({$date:e,isSelected:t},{onClick:a,disabled:l,...o}={})=>{const s=!!l||x(f,e)||w(y,e);return P(s,(l=>{t&&!k||("range"===C&&1===Y.length&&v(null),n(a,r(I))(l,e))}),{...o,..."range"===C&&1===Y.length&&{onMouseEnter(){v(e)}}})}),[C,k,y,f,I,Y.length]),K=e.useCallback((({$date:e},{onClick:t,disabled:a,...l}={})=>{const o=!!a||S(f,e)||w(y,s(e));return P(o,(a=>n(t,r(H))(a,e)),l)}),[y,f,H]),Q=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const l=c(E,1,"month"),o=!!t||w(y,s(l));return P(o,(t=>n(e,r(G))(t,l)),a)}),[E,y,G]),V=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const l=i(E,1,"month"),o=!!t||S(f,l);return P(o,(t=>n(e,r(G))(t,l)),a)}),[E,f,G]),W=e.useCallback((({$date:e},{onClick:t,disabled:a,...l}={})=>{const o=!!a||S(f,e)||w(y,s(e));return P(o,(a=>n(t,r(G))(a,e)),l)}),[y,f,G]),X=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const r=!!t||w(y,N[N.length-1].$date);return P(r,(t=>n(e,l(q))(t)),a)}),[N,y,q]),Z=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const r=!!t||x(f,N[0].$date);return P(r,(t=>n(e,l(z))(t)),a)}),[N,f,z]);return{data:{calendars:A,weekDays:R,months:j,years:N,selectedDates:Y.map((e=>g(e,m)))},propGetters:{nextMonthButton:Q,previousMonthButton:V,dayButton:J,monthButton:K,yearButton:W,nextYearsButton:X,previousYearsButton:Z},actions:{setDay:I,setMonth:L,setNextMonth:U,setPreviousMonth:_,setYear:G,setNextYears:q,setPreviousYears:z,setRangeEnd:v}}},E=e.createContext({});exports.DatePickerProvider=({children:e,config:t={}})=>{const n=B(t);return a.default.createElement(E.Provider,{value:n},e)},exports.useDatePicker=B,exports.useDatePickerContext=()=>{const t=e.useContext(E);if(!t)throw new Error('Please use "useDatePickerContext" inside "DatePickerProvider"');return t};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const n=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),r=e=>new Date(e.getFullYear(),e.getMonth(),1),l=(e,t,a)=>new Date(e.getFullYear()+("year"===a?t:0),e.getMonth()+("month"===a?t:0),e.getDate()+("date"===a?t:0)),o=(e,t,a)=>l(e,0-t,a),s=(e,t)=>e.getTime()-t.getTime(),i=(e,{locale:t,monthName:a})=>e.toLocaleDateString(t,{month:a}),c=(e,{locale:t,options:a})=>e.toLocaleDateString(t,a),u=n(new Date),d={mode:"static",offsets:[0]},g={numberOfYearsDisplayed:12},D={mode:"single",toggle:!1},m={locale:"en-GB",day:"2-digit",year:"numeric",weekday:"short",monthName:"long"},h=(...e)=>(...t)=>e.forEach((e=>null==e?void 0:e(...t))),f=e=>(t,a)=>e(a),y=e=>(...t)=>{e()},b=(e,t)=>e.toString()===t.toString(),k=(e,t)=>e<t,C=(e,t)=>e>t,p=(e,t,a)=>C(t,e)&&k(t,a)||k(t,e)&&C(t,a),w=(e,t)=>!!e&&C(t,e),x=(e,t)=>!!e&&k(t,e),S=(e,t)=>!!e&&k(t,r(e)),v=(e,t,a)=>!!b(e,t)||(k(t,a)?p(t,e,a):!!C(t,a)&&p(a,e,t)),Y=(e,t,a,n,r)=>{if("static"===n)return 42;const l=(o=a,new Date(o.getFullYear(),o.getMonth()+1,0).getDate());var o;return r+l+7-new Date(t,e,l).getUTCDay()-1},M=(e,t,a,n,r,{mode:l},o)=>{const{locale:s,day:u,year:d}=r,g=e.getFullYear(),D=e.getMonth(),{firstDayOffset:m,numberOfDaysToDisplay:h}=((e,t,a)=>{const n=new Date(t,e,1),r=n.getUTCDay();return{firstDayOffset:r,numberOfDaysToDisplay:Y(e,t,n,a,r)}})(D,g,o),f="range"===l,y=[];for(let e=1;e<=h;e++){const l=new Date(g,D,e-m);y.push({$date:l,date:c(l,r),day:l.toLocaleDateString(s,{day:u}),currentDisplayedMonth:l.getMonth()===D,isToday:b(n,l),isSelected:t.some((e=>b(e,l))),inRange:!(!f||2!==t.length)&&p(t[0],l,t[1]),isRangeStart:!(!f||!t[0])&&b(l,t[0]),isRangeEnd:!(!f||!t[1])&&b(l,t[1]),willBeInRange:!(!f||!a)&&v(l,a,t[0])})}return{year:e.toLocaleDateString(s,{year:d}),month:i(e,r),days:y}},$=({calendar:e,years:t,dates:a,locale:r}={})=>{const{minDate:l,maxDate:o,selectedDates:s,...i}=a||{},{offsets:c=[],...u}=e||{},h={calendar:{...d,...u,offsets:d.offsets.concat(c)},years:{...g,...t},dates:{...D,...i,minDate:l?n(l):null,maxDate:o?n(o):null,selectedDates:(f=s,f?Array.isArray(f)?f:[f]:[]).map((e=>n(e)))},locale:{...m,...r}};var f;return(({dates:e})=>{const{selectedDates:t,minDate:a,maxDate:n}=e||{};if(t&&t.length>0){if(a&&t.every((e=>k(e,a))))throw new Error(`All selectedDates must be after minDate: ${a.toLocaleDateString()}`);if(n&&t.every((e=>C(e,n))))throw new Error(`All selectedDates must be before maxDate: ${n.toLocaleDateString()}`)}if(a&&n&&k(n,a))throw new Error(`maxDate ${n.toLocaleDateString()} is before minDate ${a.toLocaleDateString()}`)})(h),h},P=(e,t,a={})=>({role:"button",tabIndex:0,...e&&{disabled:!0,"aria-disabled":!0},...!e&&{onClick(e){t(e)}},...a}),F=e=>e-e%10-1,B=t=>{const{dates:a,calendar:n,locale:d,years:g}=$(t),{minDate:D,maxDate:m,toggle:k,mode:C}=a,[p,v]=e.useState(null),[Y,B]=e.useState(a.selectedDates),[E,L]=e.useState(Y.length>0?Y[Y.length-1]:(({maxDate:e,minDate:t},a)=>w(e,a)?e:x(t,a)?t:a)(a,u)),[O,T]=e.useState(F(E.getFullYear())),A=((e,t,a,n,r,o,{mode:s,offsets:i})=>i.map((i=>M(l(e,i,"month"),t,a,n,r,o,s))))(E,Y,p,u,d,a,n),R=(({days:e},{locale:t,weekday:a})=>{const n=[];for(let r=0;r<7;r++)n.push(e[r].$date.toLocaleDateString(t,{weekday:a}));return n})(A[0],d),N=((e,t,a,{numberOfYearsDisplayed:n})=>{const r=t.getFullYear(),l=[];for(let o=0;o<n;o++){const n=e+o;l.push({$date:new Date(n,t.getMonth(),t.getDate()),value:n,isActive:r===n,isSelected:a.some((e=>e.getFullYear()===n))})}return l})(O,E,Y,g),j=((e,t,a)=>{const n=[];for(let r=0;r<12;r++){const l=new Date(e.getFullYear(),r,1),o=i(l,a);n.push({$date:l,name:o,isSelected:t.some((e=>i(e,a)===o)),isActive:i(e,a)===o})}return n})(E,Y,d),G=e.useCallback((e=>{L(e),T(F(e.getFullYear()))}),[]),I=e.useCallback((e=>{B(((e,t,{mode:a,toggle:n,limit:r})=>{if("single"===a)return n&&e[0]&&b(t,e[0])?[]:[t];if("multiple"===a){if(n){const a=e.filter((e=>!b(e,t)));if(a.length<e.length)return a}return!r||e.length<r?e.concat(t).sort(s):e}if("range"===a&&n){const a=e.filter((e=>!b(e,t)));return a.length<e.length?a:2===e.length?[t]:e.concat(t).sort(s)}return[]})(Y,e,a)),G(e)}),[a,Y,G]),U=e.useCallback((()=>G(l(E,1,"month"))),[E,G]),_=e.useCallback((()=>G(o(E,1,"month"))),[E,G]),q=e.useCallback((()=>T((e=>e+10))),[]),z=e.useCallback((()=>T((e=>e-10))),[]),H=e.useCallback((e=>L(e)),[]),J=e.useCallback((({$date:e,isSelected:t},{onClick:a,disabled:n,...r}={})=>{const l=!!n||x(D,e)||w(m,e);return P(l,(n=>{t&&!k||("range"===C&&1===Y.length&&v(null),h(a,f(I))(n,e))}),{...r,..."range"===C&&1===Y.length&&{onMouseEnter(){v(e)}}})}),[C,k,m,D,I,Y.length]),K=e.useCallback((({$date:e},{onClick:t,disabled:a,...n}={})=>{const l=!!a||S(D,e)||w(m,r(e));return P(l,(a=>h(t,f(H))(a,e)),n)}),[m,D,H]),Q=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=l(E,1,"month"),o=!!t||w(m,r(n));return P(o,(t=>h(e,f(G))(t,n)),a)}),[E,m,G]),V=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=o(E,1,"month"),r=!!t||S(D,n);return P(r,(t=>h(e,f(G))(t,n)),a)}),[E,D,G]),W=e.useCallback((({$date:e},{onClick:t,disabled:a,...n}={})=>{const l=!!a||S(D,e)||w(m,r(e));return P(l,(a=>h(t,f(G))(a,e)),n)}),[m,D,G]),X=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=!!t||w(m,N[N.length-1].$date);return P(n,(t=>h(e,y(q))(t)),a)}),[N,m,q]),Z=e.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=!!t||x(D,N[0].$date);return P(n,(t=>h(e,y(z))(t)),a)}),[N,D,z]);return{data:{calendars:A,weekDays:R,months:j,years:N,selectedDates:Y.map((e=>c(e,d)))},propGetters:{nextMonthButton:Q,previousMonthButton:V,dayButton:J,monthButton:K,yearButton:W,nextYearsButton:X,previousYearsButton:Z},actions:{setDay:I,setMonth:L,setNextMonth:U,setPreviousMonth:_,setYear:G,setNextYears:q,setPreviousYears:z,setRangeEnd:v}}},E=e.createContext({});exports.DatePickerProvider=({children:e,config:t={}})=>{const n=B(t);return a.default.createElement(E.Provider,{value:n},e)},exports.useDatePicker=B,exports.useDatePickerContext=()=>{const t=e.useContext(E);if(!t)throw new Error('Please use "useDatePickerContext" inside "DatePickerProvider"');return t};
 //# sourceMappingURL=index.cjs.js.map

dist/index.umd.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).RehookifyDatepicker={},e.React)}(this,(function(e,t){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);const o=(...e)=>(...t)=>e.forEach((e=>null==e?void 0:e(...t))),r=e=>(t,a)=>e(a),l=e=>(...t)=>{e()},s=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),i=e=>new Date(e.getFullYear(),e.getMonth(),1),c=(e,t,a)=>new Date(e.getFullYear()+("year"===a?t:0),e.getMonth()+("month"===a?t:0),e.getDate()+("date"===a?t:0)),u=(e,t,a)=>c(e,0-t,a),d=(e,t)=>e.getTime()-t.getTime(),g=(e,{locale:t,monthName:a})=>e.toLocaleDateString(t,{month:a}),D=(e,{locale:t,options:a})=>e.toLocaleDateString(t,a),f=s(new Date),m={mode:"static",offsets:[0]},h={numberOfYearsDisplayed:12},y={mode:"single",toggle:!1},b={locale:"en-GB",day:"2-digit",year:"numeric",weekday:"short",monthName:"long"},k=(e,t)=>e.toString()===t.toString(),p=(e,t)=>e<t,C=(e,t)=>e>t,w=(e,t,a)=>C(t,e)&&p(t,a),S=(e,t)=>!!e&&C(t,e),x=(e,t)=>!!e&&p(t,e),v=(e,t)=>!!e&&p(t,i(e)),Y=(e,t,a)=>!!k(e,t)||(p(t,a)?w(t,e,a):!!C(t,a)&&w(a,e,t)),M=(e,t,a,n,o)=>{if("static"===n)return 42;const r=(l=a,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;return o+r+7-new Date(t,e,r).getUTCDay()-1},$=(e,t,a,n,{mode:o},r)=>{const{locale:l,day:s,year:i}=n,c=e.getFullYear(),u=e.getMonth(),{firstDayOffset:d,numberOfDaysToDisplay:m}=((e,t,a)=>{const n=new Date(t,e,1),o=n.getUTCDay();return{firstDayOffset:o,numberOfDaysToDisplay:M(e,t,n,a,o)}})(u,c,r),h="range"===o,y=[];for(let e=1;e<=m;e++){const o=new Date(c,u,e-d);y.push({$date:o,date:D(o,n),day:o.toLocaleDateString(l,{day:s}),currentDisplayedMonth:o.getMonth()===u,isToday:k(f,o),isSelected:t.some((e=>k(e,o))),inRange:!(!h||2!==t.length)&&w(t[0],o,t[1]),isRangeStart:!(!h||!t[0])&&k(o,t[0]),isRangeEnd:!(!h||!t[1])&&k(o,t[1]),willBeInRange:!(!h||!a)&&Y(o,a,t[0])})}return{year:e.toLocaleDateString(l,{year:i}),month:g(e,n),days:y}},P=({calendar:e,years:t,dates:a,locale:n}={})=>{const{minDate:o,maxDate:r,selectedDates:l,...i}=a||{},{offsets:c=[],...u}=e||{},d={calendar:{...m,...u,offsets:m.offsets.concat(c)},years:{...h,...t},dates:{...y,...i,minDate:o?s(o):null,maxDate:r?s(r):null,selectedDates:(g=l,g?Array.isArray(g)?g:[g]:[]).map((e=>s(e)))},locale:{...b,...n}};var g;return(({dates:e})=>{const{selectedDates:t,minDate:a,maxDate:n}=e||{};if(t&&t.length>0){if(a&&t.every((e=>p(e,a))))throw new Error(`All selectedDates must be after minDate: ${a.toLocaleDateString()}`);if(n&&t.every((e=>C(e,n))))throw new Error(`All selectedDates must be before maxDate: ${n.toLocaleDateString()}`)}if(a&&n&&p(n,a))throw new Error(`maxDate ${n.toLocaleDateString()} is before minDate ${a.toLocaleDateString()}`)})(d),d},F=(e,t,a={})=>({role:"button",tabIndex:0,...e&&{disabled:!0,"aria-disabled":!0},...!e&&{onClick(e){t(e)}},...a}),B=e=>e-e%10-1,E=e=>{const{dates:a,calendar:n,locale:s,years:m}=P(e),{minDate:h,maxDate:y,toggle:b,mode:p}=a,[C,w]=t.useState(null),[Y,M]=t.useState(a.selectedDates),[E,L]=t.useState(Y.length>0?Y[Y.length-1]:(({maxDate:e,minDate:t})=>S(e,f)?e:x(t,f)?t:f)(a)),[T,O]=t.useState(B(E.getFullYear())),R=((e,t,a,n,o,{mode:r,offsets:l})=>l.map((l=>$(c(e,l,"month"),t,a,n,o,r))))(E,Y,C,s,a,n),A=(({days:e},{locale:t,weekday:a})=>{const n=[];for(let o=0;o<7;o++)n.push(e[o].$date.toLocaleDateString(t,{weekday:a}));return n})(R[0],s),N=((e,t,a,{numberOfYearsDisplayed:n})=>{const o=t.getFullYear(),r=[];for(let l=0;l<n;l++){const n=e+l;r.push({$date:new Date(n,t.getMonth(),t.getDate()),value:n,isActive:o===n,isSelected:a.some((e=>e.getFullYear()===n))})}return r})(T,E,Y,m),j=((e,t,a)=>{const n=[];for(let o=0;o<12;o++){const r=new Date(e.getFullYear(),o,1),l=g(r,a);n.push({$date:r,name:l,isSelected:t.some((e=>g(e,a)===l)),isActive:g(e,a)===l})}return n})(E,Y,s),G=t.useCallback((e=>{L(e),O(B(e.getFullYear()))}),[]),I=t.useCallback((e=>{M(((e,t,{mode:a,toggle:n,limit:o})=>{if("single"===a)return n&&e[0]&&k(t,e[0])?[]:[t];if("multiple"===a){if(n){const a=e.filter((e=>!k(e,t)));if(a.length<e.length)return a}return!o||e.length<o?e.concat(t).sort(d):e}return 2===e.length?[t]:e.concat(t).sort(d)})(Y,e,a)),G(e)}),[a,Y,G]),U=t.useCallback((()=>G(c(E,1,"month"))),[E,G]),_=t.useCallback((()=>G(u(E,1,"month"))),[E,G]),q=t.useCallback((()=>O((e=>e+10))),[]),z=t.useCallback((()=>O((e=>e-10))),[]),H=t.useCallback((e=>L(e)),[]),J=t.useCallback((({$date:e,isSelected:t},{onClick:a,disabled:n,...l}={})=>{const s=!!n||x(h,e)||S(y,e);return F(s,(n=>{t&&!b||("range"===p&&1===Y.length&&w(null),o(a,r(I))(n,e))}),{...l,..."range"===p&&1===Y.length&&{onMouseEnter(){w(e)}}})}),[p,b,y,h,I,Y.length]),K=t.useCallback((({$date:e},{onClick:t,disabled:a,...n}={})=>{const l=!!a||v(h,e)||S(y,i(e));return F(l,(a=>o(t,r(H))(a,e)),n)}),[y,h,H]),Q=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=c(E,1,"month"),l=!!t||S(y,i(n));return F(l,(t=>o(e,r(G))(t,n)),a)}),[E,y,G]),V=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=u(E,1,"month"),l=!!t||v(h,n);return F(l,(t=>o(e,r(G))(t,n)),a)}),[E,h,G]),W=t.useCallback((({$date:e},{onClick:t,disabled:a,...n}={})=>{const l=!!a||v(h,e)||S(y,i(e));return F(l,(a=>o(t,r(G))(a,e)),n)}),[y,h,G]),X=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=!!t||S(y,N[N.length-1].$date);return F(n,(t=>o(e,l(q))(t)),a)}),[N,y,q]),Z=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=!!t||x(h,N[0].$date);return F(n,(t=>o(e,l(z))(t)),a)}),[N,h,z]);return{data:{calendars:R,weekDays:A,months:j,years:N,selectedDates:Y.map((e=>D(e,s)))},propGetters:{nextMonthButton:Q,previousMonthButton:V,dayButton:J,monthButton:K,yearButton:W,nextYearsButton:X,previousYearsButton:Z},actions:{setDay:I,setMonth:L,setNextMonth:U,setPreviousMonth:_,setYear:G,setNextYears:q,setPreviousYears:z,setRangeEnd:w}}},L=t.createContext({});e.DatePickerProvider=({children:e,config:t={}})=>{const a=E(t);return n.default.createElement(L.Provider,{value:a},e)},e.useDatePicker=E,e.useDatePickerContext=()=>{const e=t.useContext(L);if(!e)throw new Error('Please use "useDatePickerContext" inside "DatePickerProvider"');return e},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).RehookifyDatepicker={},e.React)}(this,(function(e,t){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=a(t);const o=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),r=e=>new Date(e.getFullYear(),e.getMonth(),1),l=(e,t,a)=>new Date(e.getFullYear()+("year"===a?t:0),e.getMonth()+("month"===a?t:0),e.getDate()+("date"===a?t:0)),s=(e,t,a)=>l(e,0-t,a),i=(e,t)=>e.getTime()-t.getTime(),c=(e,{locale:t,monthName:a})=>e.toLocaleDateString(t,{month:a}),u=(e,{locale:t,options:a})=>e.toLocaleDateString(t,a),d=o(new Date),g={mode:"static",offsets:[0]},D={numberOfYearsDisplayed:12},f={mode:"single",toggle:!1},m={locale:"en-GB",day:"2-digit",year:"numeric",weekday:"short",monthName:"long"},h=(...e)=>(...t)=>e.forEach((e=>null==e?void 0:e(...t))),y=e=>(t,a)=>e(a),b=e=>(...t)=>{e()},k=(e,t)=>e.toString()===t.toString(),p=(e,t)=>e<t,C=(e,t)=>e>t,w=(e,t,a)=>C(t,e)&&p(t,a)||p(t,e)&&C(t,a),S=(e,t)=>!!e&&C(t,e),x=(e,t)=>!!e&&p(t,e),v=(e,t)=>!!e&&p(t,r(e)),Y=(e,t,a)=>!!k(e,t)||(p(t,a)?w(t,e,a):!!C(t,a)&&w(a,e,t)),M=(e,t,a,n,o)=>{if("static"===n)return 42;const r=(l=a,new Date(l.getFullYear(),l.getMonth()+1,0).getDate());var l;return o+r+7-new Date(t,e,r).getUTCDay()-1},$=(e,t,a,n,o,{mode:r},l)=>{const{locale:s,day:i,year:d}=o,g=e.getFullYear(),D=e.getMonth(),{firstDayOffset:f,numberOfDaysToDisplay:m}=((e,t,a)=>{const n=new Date(t,e,1),o=n.getUTCDay();return{firstDayOffset:o,numberOfDaysToDisplay:M(e,t,n,a,o)}})(D,g,l),h="range"===r,y=[];for(let e=1;e<=m;e++){const r=new Date(g,D,e-f);y.push({$date:r,date:u(r,o),day:r.toLocaleDateString(s,{day:i}),currentDisplayedMonth:r.getMonth()===D,isToday:k(n,r),isSelected:t.some((e=>k(e,r))),inRange:!(!h||2!==t.length)&&w(t[0],r,t[1]),isRangeStart:!(!h||!t[0])&&k(r,t[0]),isRangeEnd:!(!h||!t[1])&&k(r,t[1]),willBeInRange:!(!h||!a)&&Y(r,a,t[0])})}return{year:e.toLocaleDateString(s,{year:d}),month:c(e,o),days:y}},P=({calendar:e,years:t,dates:a,locale:n}={})=>{const{minDate:r,maxDate:l,selectedDates:s,...i}=a||{},{offsets:c=[],...u}=e||{},d={calendar:{...g,...u,offsets:g.offsets.concat(c)},years:{...D,...t},dates:{...f,...i,minDate:r?o(r):null,maxDate:l?o(l):null,selectedDates:(h=s,h?Array.isArray(h)?h:[h]:[]).map((e=>o(e)))},locale:{...m,...n}};var h;return(({dates:e})=>{const{selectedDates:t,minDate:a,maxDate:n}=e||{};if(t&&t.length>0){if(a&&t.every((e=>p(e,a))))throw new Error(`All selectedDates must be after minDate: ${a.toLocaleDateString()}`);if(n&&t.every((e=>C(e,n))))throw new Error(`All selectedDates must be before maxDate: ${n.toLocaleDateString()}`)}if(a&&n&&p(n,a))throw new Error(`maxDate ${n.toLocaleDateString()} is before minDate ${a.toLocaleDateString()}`)})(d),d},F=(e,t,a={})=>({role:"button",tabIndex:0,...e&&{disabled:!0,"aria-disabled":!0},...!e&&{onClick(e){t(e)}},...a}),B=e=>e-e%10-1,E=e=>{const{dates:a,calendar:n,locale:o,years:g}=P(e),{minDate:D,maxDate:f,toggle:m,mode:p}=a,[C,w]=t.useState(null),[Y,M]=t.useState(a.selectedDates),[E,L]=t.useState(Y.length>0?Y[Y.length-1]:(({maxDate:e,minDate:t},a)=>S(e,a)?e:x(t,a)?t:a)(a,d)),[T,O]=t.useState(B(E.getFullYear())),R=((e,t,a,n,o,r,{mode:s,offsets:i})=>i.map((i=>$(l(e,i,"month"),t,a,n,o,r,s))))(E,Y,C,d,o,a,n),A=(({days:e},{locale:t,weekday:a})=>{const n=[];for(let o=0;o<7;o++)n.push(e[o].$date.toLocaleDateString(t,{weekday:a}));return n})(R[0],o),N=((e,t,a,{numberOfYearsDisplayed:n})=>{const o=t.getFullYear(),r=[];for(let l=0;l<n;l++){const n=e+l;r.push({$date:new Date(n,t.getMonth(),t.getDate()),value:n,isActive:o===n,isSelected:a.some((e=>e.getFullYear()===n))})}return r})(T,E,Y,g),j=((e,t,a)=>{const n=[];for(let o=0;o<12;o++){const r=new Date(e.getFullYear(),o,1),l=c(r,a);n.push({$date:r,name:l,isSelected:t.some((e=>c(e,a)===l)),isActive:c(e,a)===l})}return n})(E,Y,o),G=t.useCallback((e=>{L(e),O(B(e.getFullYear()))}),[]),I=t.useCallback((e=>{M(((e,t,{mode:a,toggle:n,limit:o})=>{if("single"===a)return n&&e[0]&&k(t,e[0])?[]:[t];if("multiple"===a){if(n){const a=e.filter((e=>!k(e,t)));if(a.length<e.length)return a}return!o||e.length<o?e.concat(t).sort(i):e}if("range"===a&&n){const a=e.filter((e=>!k(e,t)));return a.length<e.length?a:2===e.length?[t]:e.concat(t).sort(i)}return[]})(Y,e,a)),G(e)}),[a,Y,G]),U=t.useCallback((()=>G(l(E,1,"month"))),[E,G]),_=t.useCallback((()=>G(s(E,1,"month"))),[E,G]),q=t.useCallback((()=>O((e=>e+10))),[]),z=t.useCallback((()=>O((e=>e-10))),[]),H=t.useCallback((e=>L(e)),[]),J=t.useCallback((({$date:e,isSelected:t},{onClick:a,disabled:n,...o}={})=>{const r=!!n||x(D,e)||S(f,e);return F(r,(n=>{t&&!m||("range"===p&&1===Y.length&&w(null),h(a,y(I))(n,e))}),{...o,..."range"===p&&1===Y.length&&{onMouseEnter(){w(e)}}})}),[p,m,f,D,I,Y.length]),K=t.useCallback((({$date:e},{onClick:t,disabled:a,...n}={})=>{const o=!!a||v(D,e)||S(f,r(e));return F(o,(a=>h(t,y(H))(a,e)),n)}),[f,D,H]),Q=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=l(E,1,"month"),o=!!t||S(f,r(n));return F(o,(t=>h(e,y(G))(t,n)),a)}),[E,f,G]),V=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=s(E,1,"month"),o=!!t||v(D,n);return F(o,(t=>h(e,y(G))(t,n)),a)}),[E,D,G]),W=t.useCallback((({$date:e},{onClick:t,disabled:a,...n}={})=>{const o=!!a||v(D,e)||S(f,r(e));return F(o,(a=>h(t,y(G))(a,e)),n)}),[f,D,G]),X=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=!!t||S(f,N[N.length-1].$date);return F(n,(t=>h(e,b(q))(t)),a)}),[N,f,q]),Z=t.useCallback((({onClick:e,disabled:t,...a}={})=>{const n=!!t||x(D,N[0].$date);return F(n,(t=>h(e,b(z))(t)),a)}),[N,D,z]);return{data:{calendars:R,weekDays:A,months:j,years:N,selectedDates:Y.map((e=>u(e,o)))},propGetters:{nextMonthButton:Q,previousMonthButton:V,dayButton:J,monthButton:K,yearButton:W,nextYearsButton:X,previousYearsButton:Z},actions:{setDay:I,setMonth:L,setNextMonth:U,setPreviousMonth:_,setYear:G,setNextYears:q,setPreviousYears:z,setRangeEnd:w}}},L=t.createContext({});e.DatePickerProvider=({children:e,config:t={}})=>{const a=E(t);return n.default.createElement(L.Provider,{value:a},e)},e.useDatePicker=E,e.useDatePickerContext=()=>{const e=t.useContext(L);if(!e)throw new Error('Please use "useDatePickerContext" inside "DatePickerProvider"');return e},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.umd.js.map

dist/utils/create-calendars.d.ts

 import { CalendarConfig, DatesConfig, LocaleConfig } from '../types';
-export declare const createCalendars: (calendarDate: Date, selectedDates: Date[], rangeEnd: Date | null, locale: LocaleConfig, dates: DatesConfig, { mode, offsets }: CalendarConfig) => {
+export declare const createCalendars: (calendarDate: Date, selectedDates: Date[], rangeEnd: Date | null, NOW: Date, locale: LocaleConfig, dates: DatesConfig, { mode, offsets }: CalendarConfig) => {
     year: string;
@@ -4,0 +4,0 @@ month: string;

dist/utils/date.d.ts

 import { DatePart, LocaleConfig } from '../types';
 export declare const getCleanDate: (d: Date) => Date;
 export declare const daysInMonth: (d: Date) => number;
-export declare const getFirstMonthDay: (d: Date) => Date;
+export declare const getFirstDayOfTheMonth: (d: Date) => Date;
 export declare const addToDate: (d: Date, value: number, part: DatePart) => Date;
@@ -6,0 +6,0 @@ export declare const subtractFromDate: (d: Date, value: number, part: DatePart) => Date;

dist/utils/get-calendar-start-date.d.ts

 import { DatesConfig } from '../types';
-export declare const getCalendarStartDate: ({ maxDate, minDate, }: DatesConfig) => Date;
+export declare const getCalendarStartDate: ({ maxDate, minDate }: DatesConfig, NOW: Date) => Date;
 //# sourceMappingURL=get-calendar-start-date.d.ts.map

dist/utils/get-current-year-position.d.ts

@@ -1,3 +0,3 @@
-export declare const getCenteredYearPosition: (numberOfDisplayedYears: number) => number;
+export declare const getCenteredYearPosition: (numberOfDisplayedYears: number, year: number) => number;
 export declare const getStartDecadePosition: (year: number) => number;
 //# sourceMappingURL=get-current-year-position.d.ts.map

package.json

 {
   "name": "@rehookify/datepicker",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "The tiny tool to create a date and range picker in your React applications.",
@@ -32,3 +32,5 @@ "main": "dist/index.cjs.js",
     "prepare": "husky install",
-    "prepublishOnly": "npm run clean && npm run build"
+    "prepublishOnly": "npm run clean && npm run build",
+    "test": "jest",
+    "test:watch": "jest --watch"
   },
@@ -60,2 +62,6 @@ "repository": {
   "devDependencies": {
+    "@babel/core": "^7.20.2",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.18.6",
+    "@jest/globals": "^29.3.1",
     "@rollup/plugin-commonjs": "^23.0.2",
@@ -66,2 +72,3 @@ "@rollup/plugin-node-resolve": "^15.0.1",
     "@typescript-eslint/parser": "^5.42.1",
+    "babel-jest": "^29.3.1",
     "eslint": "^8.27.0",
@@ -74,2 +81,3 @@ "eslint-config-prettier": "^8.5.0",
     "husky": "^8.0.0",
+    "jest": "^29.3.1",
     "lint-staged": "^13.0.3",
@@ -76,0 +84,0 @@ "prettier": "^2.7.1",

No alert changes

Improved metrics

Total package byte prevSize

184575

increased by1.66%

Lines of code

809

increased by1.13%

Worsened metrics

Dev dependency count

28

increased by27.27%

No dependency changes