chakra-dayzed-datepicker - npm Package Compare versions

Comparing version 0.2.5 to 0.2.6

dist/chakra-dayzed-datepicker.cjs.development.js

@@ -272,3 +272,3 @@ 'use strict';
 
-var _excluded$1 = ["configs", "propsConfigs", "usePortal", "defaultIsOpen"];
+var _excluded$1 = ["configs", "propsConfigs", "usePortal", "defaultIsOpen", "closeOnSelect"];
 var DefaultConfigs$1 = {
@@ -287,2 +287,4 @@ dateFormat: 'yyyy-MM-dd',
     defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
+    _ref$closeOnSelect = _ref.closeOnSelect,
+    closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
@@ -311,6 +313,4 @@ var selectedDate = props.date,
     onClose();
-    {
-      setDateInView(selectedDate);
-      setOffset(0);
-    }
+    setDateInView(selectedDate);
+    setOffset(0);
   };
@@ -324,3 +324,3 @@ // dayzed utils
       onDateChange(date);
-      onClose();
+      if (closeOnSelect) onClose();
       return;
@@ -371,3 +371,3 @@ }
 
-var _excluded = ["configs", "propsConfigs", "id", "name", "usePortal", "defaultIsOpen"];
+var _excluded = ["configs", "propsConfigs", "id", "name", "usePortal", "defaultIsOpen", "closeOnSelect"];
 var RangeCalendarPanel = function RangeCalendarPanel(_ref) {
@@ -430,2 +430,4 @@ var dayzedHookProps = _ref.dayzedHookProps,
     defaultIsOpen = _ref2$defaultIsOpen === void 0 ? false : _ref2$defaultIsOpen,
+    _ref2$closeOnSelect = _ref2.closeOnSelect,
+    closeOnSelect = _ref2$closeOnSelect === void 0 ? true : _ref2$closeOnSelect,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded);
@@ -451,3 +453,7 @@ var selectedDates = props.selectedDates,
   var calendarConfigs = _extends({}, DefaultConfigs, configs);
-  // dayzed utils
+  var onPopoverClose = function onPopoverClose() {
+    onClose();
+    setDateInView(selectedDates[0] || new Date());
+    setOffset(0);
+  };
   var handleOnDateSelected = function handleOnDateSelected(_ref3) {
@@ -469,4 +475,8 @@ var selectable = _ref3.selectable,
         onDateChange(newDates);
-      } else if (newDates.length === 2) {
+        if (closeOnSelect) onClose();
+        return;
+      }
+      if (newDates.length === 2) {
         onDateChange([date]);
+        return;
       }
@@ -478,7 +488,2 @@ } else {
   };
-  var onPopoverClose = function onPopoverClose() {
-    onClose();
-    setDateInView(selectedDates[0] || new Date());
-    setOffset(0);
-  };
   // eventually we want to allow user to freely type their own input and parse the input
@@ -485,0 +490,0 @@ var intVal = selectedDates[0] ? "" + dateFns.format(selectedDates[0], calendarConfigs.dateFormat) : '';

dist/chakra-dayzed-datepicker.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@chakra-ui/react"),n=require("date-fns"),r=require("react-focus-lock"),o=require("dayzed");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),s=a(r),u=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},d.apply(this,arguments)}function f(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t.indexOf(n=a[r])>=0||(o[n]=e[n]);return o}var c=function(){function e(e){this.config=void 0,this.config=e}return e.prototype.getEvents=function(){var e=this;return{onKeyDown:function(t){switch(t.key){case"ArrowDown":e.config.down&&e.config.down();break;case"ArrowLeft":e.config.left&&e.config.left();break;case"ArrowRight":e.config.right&&e.config.right();break;case"ArrowUp":e.config.up&&e.config.up()}}}},e}(),p={variant:"ghost",size:"sm"},m=function(n){var r,o=n.calendars,a=n.getBackProps,s=null==(r=n.propsConfigs)?void 0:r.dateNavBtnProps;return l.default.createElement(e.Fragment,null,l.default.createElement(t.Button,d({},a({calendars:o,offset:12}),p,s),"<<"),l.default.createElement(t.Button,d({},a({calendars:o}),p,s),"<"))},g=function(n){var r,o=n.calendars,a=n.getForwardProps,s=null==(r=n.propsConfigs)?void 0:r.dateNavBtnProps;return l.default.createElement(e.Fragment,null,l.default.createElement(t.Button,d({},a({calendars:o}),p,s),">"),l.default.createElement(t.Button,d({},a({calendars:o,offset:12}),p,s),">>"))},v=function(n){var r=n.dateObj,o=n.propsConfigs,a=n.isInRange,s=n.onMouseEnter,u=r.date,i=r.selected,f=r.selectable,c=r.today,p=n.renderProps.getDateProps,m=(null==o?void 0:o.dayOfMonthBtnProps)||{},g=m.defaultBtnProps,v=m.isInRangeBtnProps,y=m.selectedBtnProps,h=m.todayBtnProps,P=e.useMemo((function(){return{defaultBtnProps:d({size:"sm",variant:"outline",background:"transparent",borderColor:"transparent",_after:{content:"''",position:"absolute",top:"-0.125rem",left:"-0.125rem",bottom:"-0.125rem",right:"-0.125rem",borderWidth:"0.125rem",borderColor:"transparent"}},g,{_hover:f?d({bg:"purple.400"},null==g?void 0:g._hover):void 0}),isInRangeBtnProps:d({background:"purple.200"},v),selectedBtnProps:d({background:"purple.200"},y),todayBtnProps:d({borderColor:"blue.400"},h)}}),[g,v,y,h,f]);return l.default.createElement(t.Button,d({},p({dateObj:r,disabled:!f,onMouseEnter:s}),{disabled:!f},P.defaultBtnProps,a&&f&&P.isInRangeBtnProps,i&&f&&P.selectedBtnProps,c&&P.todayBtnProps),u.getDate())},y=function(n){var r=n.configs,a=n.propsConfigs,s=n.onMouseEnterHighlight,u=n.isInRange,i=o.useDayzed(n.dayzedHookProps),f=i.calendars,p=i.getBackProps,y=i.getForwardProps,h=e.useMemo((function(){var e=r.firstDayOfWeek,t=r.dayNames;return e&&e>0?r.dayNames.slice(e,t.length).concat(t.slice(0,e)):t}),[r.firstDayOfWeek,r.dayNames]),P=e.useCallback((function(e){var t=document.activeElement,n=document.querySelectorAll("button");n.forEach((function(r,o){var a=o+e;r===t&&(a<=n.length-1&&a>=0?n[a].focus():n[0].focus())}))}),[]),E=new c({left:function(){P(-1)},right:function(){P(1)},up:function(){P(-7)},down:function(){P(7)}});return f.length<=0?null:l.default.createElement(t.Stack,d({className:"datepicker-calendar",direction:["column","column","row"]},E.getEvents()),f.map((function(e,n){return l.default.createElement(t.VStack,{key:n,height:"100%",borderWidth:"1px",padding:"0.5rem 0.75rem"},l.default.createElement(t.HStack,null,l.default.createElement(m,{calendars:f,getBackProps:p,propsConfigs:a}),l.default.createElement(t.Heading,{size:"sm",minWidth:"5rem",textAlign:"center"},r.monthNames[e.month]," ",e.year),l.default.createElement(g,{calendars:f,getForwardProps:y,propsConfigs:a})),l.default.createElement(t.Divider,null),l.default.createElement(t.SimpleGrid,{columns:7,spacing:1,textAlign:"center"},h.map((function(e,n){return l.default.createElement(t.Box,{fontSize:"sm",fontWeight:"semibold",key:n},e)})),e.weeks.map((function(n,r){return n.map((function(n,o){var d=e.month+"-"+e.year+"-"+r+"-"+o;if(!n)return l.default.createElement(t.Box,{key:d});var f=n.date;return l.default.createElement(v,{key:d,dateObj:n,propsConfigs:a,renderProps:i,isInRange:u&&u(f),onMouseEnter:function(){s&&s(f)}})}))}))))})))},h=["configs","propsConfigs","usePortal","defaultIsOpen"],P={dateFormat:"yyyy-MM-dd",monthNames:u,dayNames:i,firstDayOfWeek:0},E=["configs","propsConfigs","id","name","usePortal","defaultIsOpen"],b=function(n){var r=n.dayzedHookProps,o=n.configs,a=n.propsConfigs,s=n.selected,u=e.useState(null),i=u[0],d=u[1];return l.default.createElement(t.Flex,{onMouseLeave:function(){d(null)}},l.default.createElement(y,{dayzedHookProps:r,configs:o,propsConfigs:a,isInRange:function(e){if(!Array.isArray(s)||null==s||!s.length)return!1;var t=s[0];return 2===s.length?t<e&&s[1]>e:i&&(t<e&&i>=e||e<t&&e>=i)},onMouseEnterHighlight:function(e){Array.isArray(s)&&null!=s&&s.length&&d(e)}}))},D={dateFormat:"MM/dd/yyyy",monthNames:u,dayNames:i,firstDayOfWeek:0};exports.Month_Names_Full=["January","February","March","April","May","June","July","August","September","October","November","December"],exports.Month_Names_Short=u,exports.RangeDatepicker=function(r){var o,a,u=r.configs,i=r.propsConfigs,c=void 0===i?{}:i,p=r.id,m=r.name,g=r.usePortal,v=r.defaultIsOpen,y=void 0!==v&&v,h=f(r,E),P=h.selectedDates,k=h.minDate,C=h.maxDate,O=h.onDateChange,B=h.disabled,w=e.useState(P[0]||new Date),M=w[0],S=w[1],N=e.useState(0),x=N[0],F=N[1],A=t.useDisclosure({defaultIsOpen:y}),I=A.onOpen,W=A.onClose,z=A.isOpen,_=d({},D,u),H=P[0]?""+n.format(P[0],_.dateFormat):"";H+=P[1]?" - "+n.format(P[1],_.dateFormat):"";var R=g?t.Portal:l.default.Fragment;return l.default.createElement(t.Popover,{placement:"bottom-start",variant:"responsive",isOpen:z,onOpen:I,onClose:function(){W(),S(P[0]||new Date),F(0)},isLazy:!0},l.default.createElement(t.PopoverTrigger,null,l.default.createElement(t.Input,d({onKeyPress:function(e){" "!==e.key||z||(e.preventDefault(),I())},id:p,autoComplete:"off",isDisabled:B,name:m,value:H,onChange:function(e){return e.target.value}},c.inputProps))),l.default.createElement(R,null,l.default.createElement(t.PopoverContent,d({width:"100%"},null==c||null==(o=c.popoverCompProps)?void 0:o.popoverContentProps),l.default.createElement(t.PopoverBody,d({},null==(a=c.popoverCompProps)?void 0:a.popoverBodyProps),l.default.createElement(s.default,null,l.default.createElement(b,{dayzedHookProps:{onDateSelected:function(e){var t=e.date;if(e.selectable){var n=[].concat(P);P.length?1===P.length?(P[0]<t?n.push(t):n.unshift(t),O(n)):2===n.length&&O([t]):(n.push(t),O(n))}},selected:P,monthsToDisplay:2,date:M,minDate:k,maxDate:C,offset:x,onOffsetChanged:F,firstDayOfWeek:_.firstDayOfWeek},configs:_,propsConfigs:c,selected:P}))))))},exports.SingleDatepicker=function(r){var o,a,u=r.configs,i=r.propsConfigs,c=r.usePortal,p=r.defaultIsOpen,m=void 0!==p&&p,g=f(r,h),v=g.date,E=g.name,b=g.disabled,D=g.onDateChange,k=g.id,C=g.minDate,O=g.maxDate,B=e.useState(v),w=B[0],M=B[1],S=e.useState(0),N=S[0],x=S[1],F=t.useDisclosure({defaultIsOpen:m}),A=F.onOpen,I=F.onClose,W=F.isOpen,z=d({},P,u),_=c?t.Portal:l.default.Fragment;return l.default.createElement(t.Popover,{placement:"bottom-start",variant:"responsive",isOpen:W,onOpen:A,onClose:function(){I(),M(v),x(0)},isLazy:!0},l.default.createElement(t.PopoverTrigger,null,l.default.createElement(t.Input,d({onKeyPress:function(e){" "!==e.key||W||(e.preventDefault(),A())},id:k,autoComplete:"off",isDisabled:b,name:E,value:v?n.format(v,z.dateFormat):"",onChange:function(e){return e.target.value}},null==i?void 0:i.inputProps))),l.default.createElement(_,null,l.default.createElement(t.PopoverContent,d({width:"100%"},null==i||null==(o=i.popoverCompProps)?void 0:o.popoverContentProps),l.default.createElement(t.PopoverBody,d({},null==i||null==(a=i.popoverCompProps)?void 0:a.popoverBodyProps),l.default.createElement(s.default,null,l.default.createElement(y,{dayzedHookProps:{showOutsideDays:!0,onDateSelected:function(e){var t=e.date;if(e.selectable)return t instanceof Date&&!isNaN(t.getTime())?(D(t),void I()):void 0},selected:v,date:w,minDate:C,maxDate:O,offset:N,onOffsetChanged:x,firstDayOfWeek:z.firstDayOfWeek},configs:z,propsConfigs:i}))))))},exports.Weekday_Names_Short=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("@chakra-ui/react"),n=require("date-fns"),o=require("react-focus-lock"),r=require("dayzed");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(e),s=a(o),u=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],i=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"];function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},d.apply(this,arguments)}function f(e,t){if(null==e)return{};var n,o,r={},a=Object.keys(e);for(o=0;o<a.length;o++)t.indexOf(n=a[o])>=0||(r[n]=e[n]);return r}var c=function(){function e(e){this.config=void 0,this.config=e}return e.prototype.getEvents=function(){var e=this;return{onKeyDown:function(t){switch(t.key){case"ArrowDown":e.config.down&&e.config.down();break;case"ArrowLeft":e.config.left&&e.config.left();break;case"ArrowRight":e.config.right&&e.config.right();break;case"ArrowUp":e.config.up&&e.config.up()}}}},e}(),p={variant:"ghost",size:"sm"},m=function(n){var o,r=n.calendars,a=n.getBackProps,s=null==(o=n.propsConfigs)?void 0:o.dateNavBtnProps;return l.default.createElement(e.Fragment,null,l.default.createElement(t.Button,d({},a({calendars:r,offset:12}),p,s),"<<"),l.default.createElement(t.Button,d({},a({calendars:r}),p,s),"<"))},g=function(n){var o,r=n.calendars,a=n.getForwardProps,s=null==(o=n.propsConfigs)?void 0:o.dateNavBtnProps;return l.default.createElement(e.Fragment,null,l.default.createElement(t.Button,d({},a({calendars:r}),p,s),">"),l.default.createElement(t.Button,d({},a({calendars:r,offset:12}),p,s),">>"))},v=function(n){var o=n.dateObj,r=n.propsConfigs,a=n.isInRange,s=n.onMouseEnter,u=o.date,i=o.selected,f=o.selectable,c=o.today,p=n.renderProps.getDateProps,m=(null==r?void 0:r.dayOfMonthBtnProps)||{},g=m.defaultBtnProps,v=m.isInRangeBtnProps,y=m.selectedBtnProps,h=m.todayBtnProps,P=e.useMemo((function(){return{defaultBtnProps:d({size:"sm",variant:"outline",background:"transparent",borderColor:"transparent",_after:{content:"''",position:"absolute",top:"-0.125rem",left:"-0.125rem",bottom:"-0.125rem",right:"-0.125rem",borderWidth:"0.125rem",borderColor:"transparent"}},g,{_hover:f?d({bg:"purple.400"},null==g?void 0:g._hover):void 0}),isInRangeBtnProps:d({background:"purple.200"},v),selectedBtnProps:d({background:"purple.200"},y),todayBtnProps:d({borderColor:"blue.400"},h)}}),[g,v,y,h,f]);return l.default.createElement(t.Button,d({},p({dateObj:o,disabled:!f,onMouseEnter:s}),{disabled:!f},P.defaultBtnProps,a&&f&&P.isInRangeBtnProps,i&&f&&P.selectedBtnProps,c&&P.todayBtnProps),u.getDate())},y=function(n){var o=n.configs,a=n.propsConfigs,s=n.onMouseEnterHighlight,u=n.isInRange,i=r.useDayzed(n.dayzedHookProps),f=i.calendars,p=i.getBackProps,y=i.getForwardProps,h=e.useMemo((function(){var e=o.firstDayOfWeek,t=o.dayNames;return e&&e>0?o.dayNames.slice(e,t.length).concat(t.slice(0,e)):t}),[o.firstDayOfWeek,o.dayNames]),P=e.useCallback((function(e){var t=document.activeElement,n=document.querySelectorAll("button");n.forEach((function(o,r){var a=r+e;o===t&&(a<=n.length-1&&a>=0?n[a].focus():n[0].focus())}))}),[]),E=new c({left:function(){P(-1)},right:function(){P(1)},up:function(){P(-7)},down:function(){P(7)}});return f.length<=0?null:l.default.createElement(t.Stack,d({className:"datepicker-calendar",direction:["column","column","row"]},E.getEvents()),f.map((function(e,n){return l.default.createElement(t.VStack,{key:n,height:"100%",borderWidth:"1px",padding:"0.5rem 0.75rem"},l.default.createElement(t.HStack,null,l.default.createElement(m,{calendars:f,getBackProps:p,propsConfigs:a}),l.default.createElement(t.Heading,{size:"sm",minWidth:"5rem",textAlign:"center"},o.monthNames[e.month]," ",e.year),l.default.createElement(g,{calendars:f,getForwardProps:y,propsConfigs:a})),l.default.createElement(t.Divider,null),l.default.createElement(t.SimpleGrid,{columns:7,spacing:1,textAlign:"center"},h.map((function(e,n){return l.default.createElement(t.Box,{fontSize:"sm",fontWeight:"semibold",key:n},e)})),e.weeks.map((function(n,o){return n.map((function(n,r){var d=e.month+"-"+e.year+"-"+o+"-"+r;if(!n)return l.default.createElement(t.Box,{key:d});var f=n.date;return l.default.createElement(v,{key:d,dateObj:n,propsConfigs:a,renderProps:i,isInRange:u&&u(f),onMouseEnter:function(){s&&s(f)}})}))}))))})))},h=["configs","propsConfigs","usePortal","defaultIsOpen","closeOnSelect"],P={dateFormat:"yyyy-MM-dd",monthNames:u,dayNames:i,firstDayOfWeek:0},E=["configs","propsConfigs","id","name","usePortal","defaultIsOpen","closeOnSelect"],b=function(n){var o=n.dayzedHookProps,r=n.configs,a=n.propsConfigs,s=n.selected,u=e.useState(null),i=u[0],d=u[1];return l.default.createElement(t.Flex,{onMouseLeave:function(){d(null)}},l.default.createElement(y,{dayzedHookProps:o,configs:r,propsConfigs:a,isInRange:function(e){if(!Array.isArray(s)||null==s||!s.length)return!1;var t=s[0];return 2===s.length?t<e&&s[1]>e:i&&(t<e&&i>=e||e<t&&e>=i)},onMouseEnterHighlight:function(e){Array.isArray(s)&&null!=s&&s.length&&d(e)}}))},D={dateFormat:"MM/dd/yyyy",monthNames:u,dayNames:i,firstDayOfWeek:0};exports.Month_Names_Full=["January","February","March","April","May","June","July","August","September","October","November","December"],exports.Month_Names_Short=u,exports.RangeDatepicker=function(o){var r,a,u=o.configs,i=o.propsConfigs,c=void 0===i?{}:i,p=o.id,m=o.name,g=o.usePortal,v=o.defaultIsOpen,y=void 0!==v&&v,h=o.closeOnSelect,P=void 0===h||h,k=f(o,E),O=k.selectedDates,C=k.minDate,B=k.maxDate,S=k.onDateChange,w=k.disabled,M=e.useState(O[0]||new Date),N=M[0],x=M[1],F=e.useState(0),A=F[0],I=F[1],W=t.useDisclosure({defaultIsOpen:y}),z=W.onOpen,_=W.onClose,H=W.isOpen,R=d({},D,u),j=O[0]?""+n.format(O[0],R.dateFormat):"";j+=O[1]?" - "+n.format(O[1],R.dateFormat):"";var q=g?t.Portal:l.default.Fragment;return l.default.createElement(t.Popover,{placement:"bottom-start",variant:"responsive",isOpen:H,onOpen:z,onClose:function(){_(),x(O[0]||new Date),I(0)},isLazy:!0},l.default.createElement(t.PopoverTrigger,null,l.default.createElement(t.Input,d({onKeyPress:function(e){" "!==e.key||H||(e.preventDefault(),z())},id:p,autoComplete:"off",isDisabled:w,name:m,value:j,onChange:function(e){return e.target.value}},c.inputProps))),l.default.createElement(q,null,l.default.createElement(t.PopoverContent,d({width:"100%"},null==c||null==(r=c.popoverCompProps)?void 0:r.popoverContentProps),l.default.createElement(t.PopoverBody,d({},null==(a=c.popoverCompProps)?void 0:a.popoverBodyProps),l.default.createElement(s.default,null,l.default.createElement(b,{dayzedHookProps:{onDateSelected:function(e){var t=e.date;if(e.selectable){var n=[].concat(O);if(O.length){if(1===O.length)return O[0]<t?n.push(t):n.unshift(t),S(n),void(P&&_());if(2===n.length)return void S([t])}else n.push(t),S(n)}},selected:O,monthsToDisplay:2,date:N,minDate:C,maxDate:B,offset:A,onOffsetChanged:I,firstDayOfWeek:R.firstDayOfWeek},configs:R,propsConfigs:c,selected:O}))))))},exports.SingleDatepicker=function(o){var r,a,u=o.configs,i=o.propsConfigs,c=o.usePortal,p=o.defaultIsOpen,m=void 0!==p&&p,g=o.closeOnSelect,v=void 0===g||g,E=f(o,h),b=E.date,D=E.name,k=E.disabled,O=E.onDateChange,C=E.id,B=E.minDate,S=E.maxDate,w=e.useState(b),M=w[0],N=w[1],x=e.useState(0),F=x[0],A=x[1],I=t.useDisclosure({defaultIsOpen:m}),W=I.onOpen,z=I.onClose,_=I.isOpen,H=d({},P,u),R=c?t.Portal:l.default.Fragment;return l.default.createElement(t.Popover,{placement:"bottom-start",variant:"responsive",isOpen:_,onOpen:W,onClose:function(){z(),N(b),A(0)},isLazy:!0},l.default.createElement(t.PopoverTrigger,null,l.default.createElement(t.Input,d({onKeyPress:function(e){" "!==e.key||_||(e.preventDefault(),W())},id:C,autoComplete:"off",isDisabled:k,name:D,value:b?n.format(b,H.dateFormat):"",onChange:function(e){return e.target.value}},null==i?void 0:i.inputProps))),l.default.createElement(R,null,l.default.createElement(t.PopoverContent,d({width:"100%"},null==i||null==(r=i.popoverCompProps)?void 0:r.popoverContentProps),l.default.createElement(t.PopoverBody,d({},null==i||null==(a=i.popoverCompProps)?void 0:a.popoverBodyProps),l.default.createElement(s.default,null,l.default.createElement(y,{dayzedHookProps:{showOutsideDays:!0,onDateSelected:function(e){var t=e.date;if(e.selectable)return t instanceof Date&&!isNaN(t.getTime())?(O(t),void(v&&z())):void 0},selected:b,date:M,minDate:B,maxDate:S,offset:F,onOffsetChanged:A,firstDayOfWeek:H.firstDayOfWeek},configs:H,propsConfigs:i}))))))},exports.Weekday_Names_Short=i;
 //# sourceMappingURL=chakra-dayzed-datepicker.cjs.production.min.js.map

dist/chakra-dayzed-datepicker.esm.js

@@ -263,3 +263,3 @@ import React, { Fragment, useMemo, useCallback, useState } from 'react';
 
-var _excluded$1 = ["configs", "propsConfigs", "usePortal", "defaultIsOpen"];
+var _excluded$1 = ["configs", "propsConfigs", "usePortal", "defaultIsOpen", "closeOnSelect"];
 var DefaultConfigs$1 = {
@@ -278,2 +278,4 @@ dateFormat: 'yyyy-MM-dd',
     defaultIsOpen = _ref$defaultIsOpen === void 0 ? false : _ref$defaultIsOpen,
+    _ref$closeOnSelect = _ref.closeOnSelect,
+    closeOnSelect = _ref$closeOnSelect === void 0 ? true : _ref$closeOnSelect,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
@@ -302,6 +304,4 @@ var selectedDate = props.date,
     onClose();
-    {
-      setDateInView(selectedDate);
-      setOffset(0);
-    }
+    setDateInView(selectedDate);
+    setOffset(0);
   };
@@ -315,3 +315,3 @@ // dayzed utils
       onDateChange(date);
-      onClose();
+      if (closeOnSelect) onClose();
       return;
@@ -362,3 +362,3 @@ }
 
-var _excluded = ["configs", "propsConfigs", "id", "name", "usePortal", "defaultIsOpen"];
+var _excluded = ["configs", "propsConfigs", "id", "name", "usePortal", "defaultIsOpen", "closeOnSelect"];
 var RangeCalendarPanel = function RangeCalendarPanel(_ref) {
@@ -421,2 +421,4 @@ var dayzedHookProps = _ref.dayzedHookProps,
     defaultIsOpen = _ref2$defaultIsOpen === void 0 ? false : _ref2$defaultIsOpen,
+    _ref2$closeOnSelect = _ref2.closeOnSelect,
+    closeOnSelect = _ref2$closeOnSelect === void 0 ? true : _ref2$closeOnSelect,
     props = _objectWithoutPropertiesLoose(_ref2, _excluded);
@@ -442,3 +444,7 @@ var selectedDates = props.selectedDates,
   var calendarConfigs = _extends({}, DefaultConfigs, configs);
-  // dayzed utils
+  var onPopoverClose = function onPopoverClose() {
+    onClose();
+    setDateInView(selectedDates[0] || new Date());
+    setOffset(0);
+  };
   var handleOnDateSelected = function handleOnDateSelected(_ref3) {
@@ -460,4 +466,8 @@ var selectable = _ref3.selectable,
         onDateChange(newDates);
-      } else if (newDates.length === 2) {
+        if (closeOnSelect) onClose();
+        return;
+      }
+      if (newDates.length === 2) {
         onDateChange([date]);
+        return;
       }
@@ -469,7 +479,2 @@ } else {
   };
-  var onPopoverClose = function onPopoverClose() {
-    onClose();
-    setDateInView(selectedDates[0] || new Date());
-    setOffset(0);
-  };
   // eventually we want to allow user to freely type their own input and parse the input
@@ -476,0 +481,0 @@ var intVal = selectedDates[0] ? "" + format(selectedDates[0], calendarConfigs.dateFormat) : '';

dist/range.d.ts

@@ -8,2 +8,3 @@ import React from 'react';
     defaultIsOpen?: boolean;
+    closeOnSelect?: boolean;
     onDateChange: (date: Date[]) => void;
@@ -10,0 +11,0 @@ id?: string;

dist/single.d.ts

@@ -9,2 +9,3 @@ import React from 'react';
     defaultIsOpen?: boolean;
+    closeOnSelect?: boolean;
     id?: string;
@@ -11,0 +12,0 @@ name?: string;

package.json

 {
-  "version": "0.2.5",
+  "version": "0.2.6",
   "license": "MIT",
@@ -4,0 +4,0 @@ "main": "dist/index.js",

README.md

@@ -131,3 +131,4 @@ # A Simple Chakra Datepicker based on Dayzed.
 usePortal             | boolean                | undefined               | to prevent parent styles from clipping or hiding content
-defaultIsOpen         | boolean                | undefined               | open the date panel at the beginning
+defaultIsOpen         | boolean                | false                   | open the date panel at the beginning
+closeOnSelect         | boolean                | true                    | close the date panel upon the complete selection
 minDate               | Date                   | undefined               | minimum date
@@ -134,0 +135,0 @@ maxDate               | Date                   | undefined               | maximum date

No alert changes

Improved metrics

Total package byte prevSize

189024

increased by1.14%

Lines of code

1946

increased by0.93%

Number of lines in readme file

147

increased by0.68%

No dependency changes