https://saultrealtors.ca/_next/static/chunks/7011-b887cfa307e134ec.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7011],{17011:function(e,n,t){t.d(n,{Z:function(){return U}});var r=t(85893),a=t(67294),i=t(45697),l=t.n(i),o=t(25500),c=t(64020),d=t(14027),s=t(89345),u=t(9198),p=t.n(u),f=t(32692),m=t(52015),x=t(95570),h=t(78966),g=t(96026),b=t.n(g),v=t(1852),y=t(98294),_=t(7153);function w(){let e=(0,f.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  padding: 20px 24px;\n  border-bottom: none;\n\n  @media (max-width: 768px) {\n    align-items: flex-start;\n  }\n"]);return w=function(){return e},e}function k(){let e=(0,f.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  color: var(--text-color-80);\n  &:hover {\n    color: var(--text-color);\n  }\n"]);return k=function(){return e},e}function N(){let e=(0,f.Z)(["\n  border: none;\n  background: none;\n  outline: none;\n  font-weight: 600;\n  font-size: var(--font-sm);\n  line-height: 1;\n  text-align: center;\n  max-width: 100px;\n  text-align: left;\n  scrollbar-width: thin;\n  scrollbar-color: rgba(75, 109, 243, 0.3) transparent;\n\n  &::-webkit-scrollbar {\n    width: 10px;\n    background: rgba(255, 255, 255, 0.5);\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: transparent;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    border: 2px solid transparent;\n    background-clip: content-box;\n    background-color: var(--text-color-30);\n  }\n\n  &.year {\n    max-width: 60px;\n  }\n"]);return N=function(){return e},e}function j(){let e=(0,f.Z)(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  .datePicker_select {\n    * {\n      text-align: left;\n    }\n    .react-select__control {\n      padding-left: 10px;\n    }\n    .chevron-down-icon {\n      right: 10px;\n    }\n  }\n\n  @media (max-width: 768px) {\n    margin-left: -8px;\n    /* flex-direction: column; */\n    align-items: center;\n    margin: auto;\n    justify-content: center;\n\n    .datePicker_select {\n      width: 150px;\n    }\n  }\n"]);return j=function(){return e},e}function C(){let e=(0,f.Z)(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n\n  @media (max-width: 768px) {\n    display: none;\n  }\n"]);return C=function(){return e},e}let D=m.default.div.withConfig({displayName:"DatePickerHeader.styles__HeadHolder",componentId:"sc-3b4e308f-0"})(w()),S=m.default.button.withConfig({displayName:"DatePickerHeader.styles__Arrows",componentId:"sc-3b4e308f-1"})(k());m.default.select.withConfig({displayName:"DatePickerHeader.styles__Select",componentId:"sc-3b4e308f-2"})(N());let P=m.default.div.withConfig({displayName:"DatePickerHeader.styles__SelectHolder",componentId:"sc-3b4e308f-3"})(j()),H=m.default.div.withConfig({displayName:"DatePickerHeader.styles__ArrowsHolder",componentId:"sc-3b4e308f-4"})(C());function I(){let e=(0,f.Z)(["\n              min-width: 130px;\n            "]);return I=function(){return e},e}function Z(){let e=(0,f.Z)(["\n              width: 100px;\n            "]);return Z=function(){return e},e}function M(){let e=(0,f.Z)(["\n              padding: 5px;\n              border: 1px solid var(--border-color);\n              border-radius: 8px;\n            "]);return M=function(){return e},e}function z(){let e=(0,f.Z)(["\n              padding: 5px;\n              border: 1px solid var(--border-color);\n              border-radius: 8px;\n            "]);return z=function(){return e},e}var W=function(e){let{date:n,changeYear:t,changeMonth:i,decreaseMonth:l,increaseMonth:o,prevMonthButtonDisabled:c,nextMonthButtonDisabled:d,allowedYears:s,allowedMonths:u,headerClassName:p,minDate:f,maxDate:m,withSearchBar:g,compactSearch:_}=e,w=s||b()(1920,(0,x.default)((0,y.vo)(new Date))+10,1),k=u||["January","February","March","April","May","June","July","August","September","October","November","December"],N=(0,v.useMediaQuery)({query:"(max-width: 768px)"}),j=(0,a.useRef)();return f?w=w.filter(e=>e>=f.getFullYear()):m&&(w=w.filter(e=>e<=m.getFullYear())),(0,r.jsxs)(D,{className:p,children:[(0,r.jsxs)(P,{children:[N?(0,r.jsx)(T,{onChange:e=>i(k.indexOf(e.target.options[e.target.selectedIndex].value)),children:k.map(e=>(0,r.jsx)("option",{selected:k[(0,h.default)(n)].toString()===e.toString(),value:e,children:e}))}):(0,r.jsx)($,{options:k.map(e=>({label:e,value:e})),value:{value:k[(0,h.default)(n)],label:k[(0,h.default)(n)]},onChange:e=>{let{value:n}=e.target.value;i(k.indexOf(n))},size:"sm",margin:0,minWidth:120,maxWidth:120,className:"datePicker_select"}),N?(0,r.jsx)(Y,{onChange:e=>{t(e.target.options[e.target.selectedIndex].value)},children:w.map(e=>(0,r.jsx)("option",{selected:(0,x.default)(n).toString()===e.toString(),value:e,children:e}))}):(0,r.jsx)(B,{ref:j,options:w.map(e=>({label:e,value:e})),value:{value:(0,x.default)(n),label:(0,x.default)(n)},onChange:e=>{let{value:n}=e.value?e:e.target.value;t(n)},withSearchBar:g,size:"sm",margin:0,minWidth:90,maxWidth:90,menulistClassName:_?"compact-search-bar":"datePicker_select",className:"datePicker_select"})]}),(0,r.jsxs)(H,{children:[(0,r.jsx)(S,{type:"button",onClick:l,disabled:c,

1children:(0,r.jsx)("i",{className:"ab-icons",children:"chevron_left"})}),(0,r.jsx)(S,{type:"button",onClick:o,disabled:d,children:(0,r.jsx)("i",{className:"ab-icons",children:"chevron_right"})})]})]})},$=(0,m.default)(_.Z).withConfig({displayName:"DatePickerHeader___StyledSelect2",componentId:"sc-d5466a97-0"})(I()),B=(0,m.default)(_.Z).withConfig({displayName:"DatePickerHeader___StyledSelect4",componentId:"sc-d5466a97-1"})(Z()),T=(0,m.default)("select").withConfig({displayName:"DatePickerHeader___StyledSelect",componentId:"sc-d5466a97-2"})(M()),Y=(0,m.default)("select").withConfig({displayName:"DatePickerHeader___StyledSelect3",componentId:"sc-d5466a97-3"})(z());t(459);var O=t(44689);function q(){let e=(0,f.Z)(["\n  ","\n  padding-left: ",";\n  padding-right: 2rem;\n"]);return q=function(){return e},e}function A(){let e=(0,f.Z)(["\n  display: flex;\n  justify-content: flex-end;\n  gap: 12px;\n  margin-top: 12px;\n"]);return A=function(){return e},e}function E(){let e=(0,f.Z)(["\n  position: relative;\n  .react-datepicker-wrapper {\n    display: flex;\n  }\n"]);return E=function(){return e},e}function F(){let e=(0,f.Z)(["\n  /* border-left: 1px solid var(--border-color); */\n  position: absolute;\n  top: 1px;\n  bottom: 1px;\n  right: 1px;\n  z-index: 1;\n  width: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--text-color-60);\n  font-size: var(--font-lg);\n  pointer-events: none;\n"]);return F=function(){return e},e}function G(){let e=(0,f.Z)(["\n  position: absolute;\n  top: 50%;\n  bottom: 0;\n  transform: translateY(-50%);\n  right: 12px;\n  color: var(--text-color-50);\n  font-size: var(--font-xs);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n"]);return G=function(){return e},e}let J=(0,m.default)(p()).withConfig({displayName:"DatePicker.styles__StyledDatePicker",componentId:"sc-1495f44c-0"})(q(),O.W2,e=>{let{prefix:n}=e;return n&&"2.5rem"});m.default.div.withConfig({displayName:"DatePicker.styles__ButtonHolder",componentId:"sc-1495f44c-1"})(A());let Q=m.default.div.withConfig({displayName:"DatePicker.styles__InputHolder",componentId:"sc-1495f44c-2"})(E()),R=m.default.div.withConfig({displayName:"DatePicker.styles__IconHolder",componentId:"sc-1495f44c-3"})(F()),L=m.default.div.withConfig({displayName:"DatePicker.styles__ChevronHolder",componentId:"sc-1495f44c-4"})(G());(0,u.registerLocale)("en-GB",s.Z);let K=(0,a.forwardRef)((e,n)=>{let{label:t,margin:a,disabled:i,rules:l,excludeDateIntervals:s,invalid:u,error:p,placeholder:f,size:m,className:x,maxWidth:h,minWidth:g,showMonthYearPicker:b,inline:v,labelWidth:y,datepickerClassName:_,labelClass:w,minDate:k,maxDate:N,withSearchBar:j,

1compactSearch:C,prefix:D,required:S,asteriskPosition:P,...H}=e,I=()=>{setTimeout(()=>{let e=document.querySelector(".react-datepicker__time-list"),n=null==e?void 0:e.querySelector(".react-datepicker__time-list-item--selected");e&&(n?e.scrollTop=n.offsetTop-e.clientHeight/2+n.clientHeight/2:e.scrollTop=1120)},100)};return(0,r.jsxs)(c.dS,{$inline:v,className:x,$margin:a,$maxWidth:h,$minWidth:g,children:[t&&(0,r.jsx)(d.Z,{labelWidth:y,className:w,required:S,asteriskPosition:P,children:t}),(0,r.jsxs)(Q,{className:"w-100",children:[D&&(0,r.jsx)(c.SQ,{disabled:i,$prefix:D,invalid:u||p,children:D}),b?(0,r.jsx)(J,{disabled:i,excludeDateIntervals:s,invalid:u||p,ref:n,onCalendarOpen:I,placeholderText:f,$invalid:p,$size:m,showMonthYearPicker:b,className:_,autoComplete:"off",minDate:k,maxDate:N,locale:"en-GB",fixedHeight:!0,...H}):(0,r.jsx)(J,{minDate:k,maxDate:N,disabled:i,excludeDateIntervals:s,invalid:u||p,ref:n,onCalendarOpen:I,placeholderText:f,$invalid:p,$size:m,autoComplete:"off",locale:"en-GB",fixedHeight:!0,renderCustomHeader:e=>{let{date:n,changeYear:t,changeMonth:a,decreaseMonth:i,increaseMonth:l,prevMonthButtonDisabled:o,nextMonthButtonDisabled:c}=e;return(0,r.jsx)(W,{date:n,changeYear:t,changeMonth:a,decreaseMonth:i,increaseMonth:l,prevMonthButtonDisabled:o,nextMonthButtonDisabled:c,withSearchBar:j,

1compactSearch:C,minDate:k,maxDate:N})},className:"".concat(_," ab-input-field"),prefix:D,...H}),H.showTimeSelect?(0,r.jsx)(L,{children:(0,r.jsx)("span",{className:"ab-icons",children:"chevron_down"})}):(0,r.jsx)(R,{className:"icon-holder ".concat(D?"d-none":""),children:(0,r.jsx)("span",{className:"ab-icons",children:"calendar"})}),p&&(0,r.jsx)(o.Z,{id:"".concat(H.name,"Error"),role:"alert",children:p})]})]})});K.propTypes={label:l().string,disabled:l().bool,error:l().string,placeholder:l().string,size:l().string,className:l().string,maxWidth:l().number,showMonthYearPicker:l().bool};var U=K}}]);