https://www.thingstodo.co.uk/_next/static/chunks/15358815.eb2433fd1f19c482.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15358815],{15358815:function(r,e,o){o.r(e);var t=o(31010253),n=o(14036305),a=o(36785893),i=o(71960357),s=o.n(i),c=o(98693967),l=o.n(c),m=o(54727484),p=o.n(m),d=o(84045697),u=o.n(d),f=o(70667294),y=o(36255158),b=["January","February","March","April","May","June","July","August","September","October","November","December"],x=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],h=function(r){var e=r.open,o=r.onClose,i=r.onSelect,c=r.currentMonth,m=r.currentYear,d=r.monthsAhead,u=r.maxDate,h=r.availableMonths,g=(0,f.useContext)(y.ZP),_=(0,f.useRef)(null),v=(0,f.useMemo)((function(){if(Array.isArray(h)&&h.length>0)return(0,n.Z)(h).sort().map((function(r){var e=p()("".concat(r,"-01"));return{month:e.month()+1,year:e.year()}}));for(var r=[],e=p()().startOf("month"),o=u?p()(u).startOf("month"):null,t=o&&o.isValid()?Math.max(0,o.diff(e,"month")+1):d,a=Math.min(d,t),i=0;i<a;i+=1){var s=e.add(i,"month");r.push({month:s.month()+1,year:s.year()})}return r}),[h,d,u]),w=(0,f.useMemo)((function(){var r=new Map;return v.forEach((function(e){var o=e.month,t=e.year;r.has(t)||r.set(t,[]),r.get(t).push(o)})),Array.from(r.entries()).map((function(r){var e=(0,t.Z)(r,2),o=e[0];return{months:e[1].sort((function(r,e){return r-e})),year:o}}))}),[v]);if((0,f.useEffect)((function(){if(e){var r=function(r){_.current&&!_.current.contains(r.target)&&o()},t=function(r){"Escape"===r.key&&o()};return document.addEventListener("mousedown",r),document.addEventListener("keydown",t),function(){document.removeEventListener("mousedown",r),document.removeEventListener("keydown",t)}}}),[e,o]),!e)return null;var k=function(r){if("number"===typeof r)return r;if("string"===typeof r){var e=b.findIndex((function(e){return e.toLowerCase().startsWith(r.toLowerCase().slice(0,3))}));return e>=0?e+1:null}return null}(c);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{ref:_,role:"listbox",className:s().dynamic([["1f473d84b14fe4c4",[g.colors.primaryLight,g.colors.primary,g.colors.primary,g.colors.primary]]])+" tmp",children:w.map((function(r){var e=r.year,t=r.months;return(0,a.jsxs)("div",{className:s().dynamic([["1f473d84b14fe4c4",[g.colors.primaryLight,g.colors.primary,g.colors.primary,g.colors.primary]]])+" tmp__year",children:[(0,a.jsx)("div",{className:s().dynamic([["1f473d84b14fe4c4",[g.colors.primaryLight,g.colors.primary,g.colors.primary,g.colors.primary]]])+" tmp__year-label",children:e}),(0,a.jsx)("div",{className:s().dynamic([["1f473d84b14fe4c4",[g.colors.primaryLight,g.colors.primary,g.colors.primary,g.colors.primary]]])+" tmp__grid",children:t.map((function(r){var t=r===k&&e===m;return(0,a.jsx)("button",{"aria-label":"".concat(b[r-1]," ").concat(e),"aria-selected":t,onClick:function(){i({month:r,year:e}),o()},role:"option",type:"button",className:s().dynamic([["1f473d84b14fe4c4",[g.colors.primaryLight,g.colors.primary,g.colors.primary,g.colors.primary]]])+" "+(l()("tmp__cell",{"tmp__cell--selected":t})||""),children:x[r-1]},"".concat(e,"-").concat(r))}))})]},e)}))}),(0,a.jsx)(s(),{id:"1f473d84b14fe4c4",dynamic:[g.colors.primaryLight,g.colors.primary,g.colors.primary,g.colors.primary],children:".tmp.__jsx-style-dynamic-selector{position:absolute;top:44px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:20;width:min(320px,-webkit-calc(100% - 24px));width:min(320px,-moz-calc(100% - 24px));width:min(320px,calc(100% - 24px));max-height:min(420px,-webkit-calc(100vh - 240px));max-height:min(420px,-moz-calc(100vh - 240px));max-height:min(420px,calc(100vh - 240px));overflow-y:auto;background:#fff;border:1px solid#e5e7eb;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 12px 32px rgba(0,0,0,.12);-moz-box-shadow:0 12px 32px rgba(0,0,0,.12);box-shadow:0 12px 32px rgba(0,0,0,.12);padding:12px;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain}.tmp__year.__jsx-style-dynamic-selector+.tmp__year.__jsx-style-dynamic-selector{margin-top:12px;padding-top:12px;border-top:1px solid#f0f0f0}.tmp__year-label.__jsx-style-dynamic-selector{font-size:12px;font-weight:600;letter-spacing:.4px;color:#6b7280;text-transform:uppercase;margin:0 4px 8px}.tmp__grid.__jsx-style-dynamic-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tmp__cell.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;

1-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10px 0;background:#f7f7f7;border:1px solid transparent;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:500;color:#111;cursor:pointer;-webkit-transition:background-color.12s ease,border-color.12s ease,color.12s ease;-moz-transition:background-color.12s ease,border-color.12s ease,color.12s ease;-o-transition:background-color.12s ease,border-color.12s ease,color.12s ease;transition:background-color.12s ease,border-color.12s ease,color.12s ease}.tmp__cell.__jsx-style-dynamic-selector:hover{background:rgba(".concat(g.colors.primaryLight,",.1);border-color:").concat(g.colors.primary,"}.tmp__cell--selected.__jsx-style-dynamic-selector,.tmp__cell--selected.__jsx-style-dynamic-selector:hover{background:").concat(g.colors.primary,";border-color:").concat(g.colors.primary,";color:#fff;font-weight:600}")})]})};h.propTypes={availableMonths:u().arrayOf(u().str

1ing),currentMonth:u().oneOfType([u().number,u().string]),currentYear:u().number,maxDate:u().oneOfType([u().string,u().number,u().instanceOf(Date),u().object]),monthsAhead:u().number,onClose:u().func.isRequired,onSelect:u().func.isRequired,open:u().bool},h.defaultProps={availableMonths:null,currentMonth:null,currentYear:null,maxDate:null,monthsAhead:18,open:!1},e.default=h}}]);