@licklist/design 0.44.485-dev.99 → 0.44.486-dev.1

package/dist/date-time-button/DateContent.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=e(require("react")),i=require("@licklist/core/dist/Config"),a=e(require("clsx")),o=require("@licklist/plugins/dist/utils/formatDate"),s=require("date-fns"),l=require("react-i18next/*");exports.DateContent=function(e){var n=e.date,c=e.isDisabled,d=e.isSelected,u=l.useTranslation("Design").t,f=t.__read(n.toFormat(i.DAY_NUMBER_WITH_MONTH).split(" "),2),m=f[0],D=f[1];return r.createElement("div",{className:"weekday-info"},r.createElement("div",null,s.isToday(n.toJSDate())?u("today"):s.isTomorrow(n.toJSDate())?u("tomorrow"):n.toFormat(i.DAY_OF_WEEK)),r.createElement("div",{className:a("descriptions",d&&"selected",c&&"disabled")},"".concat(o.getDayWithOrdinal(+m)," ").concat(D)))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=e(require("react")),i=require("@licklist/core/dist/Config"),a=require("react-i18next"),o=e(require("clsx")),s=require("@licklist/plugins/dist/utils/formatDate"),l=require("date-fns");exports.DateContent=function(e){var n=e.date,c=e.isDisabled,d=e.isSelected,u=a.useTranslation("Design").t,f=t.__read(n.toFormat(i.DAY_NUMBER_WITH_MONTH).split(" "),2),m=f[0],D=f[1];return r.createElement("div",{className:"weekday-info"},r.createElement("div",null,l.isToday(n.toJSDate())?u("today"):l.isTomorrow(n.toJSDate())?u("tomorrow"):n.toFormat(i.DAY_OF_WEEK)),r.createElement("div",{className:o("descriptions",d&&"selected",c&&"disabled")},"".concat(s.getDayWithOrdinal(+m)," ").concat(D)))};

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAMA,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,mCAAmC,CAAC,EAC3C,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACb,EAAE,wCAAwC,eA8F1C;AAED,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAQA,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,mCAAmC,CAAC,EAC3C,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,GACb,EAAE,wCAAwC,eA+I1C;AAED,eAAe,mCAAmC,CAAC"}

package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("react-i18next"),n=require("react-bootstrap"),o=require("react-hook-form");exports.default=function(e){var a,i,m=e.disabled,s=void 0!==m&&m,u=e.minDate,d=e.startDateLabel,c=e.startTimeLabel,v=e.endDateLabel,b=e.endTimeLabel,p=r.useTranslation(["Design","Notification","App"]).t,E=o.useFormContext(),g=E.getValues,D=E.setValue,F=E.formState.errors,f=E.register,C=g("startDate"),h=g("endDate"),T=g("startTime"),_=g("endTime");return l.createElement(l.Fragment,null,l.createElement(n.Row,{className:"align-items-center"},l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=d?d:p("Design:fromDate")),l.createElement(n.Form.Control,t.__assign({type:"date"},f("startDate",{required:!0}),{defaultValue:C,className:C&&"date-input-with-value",disabled:s,onChange:function(e){var t=e.target.value;D("startDate",t)},min:u,isInvalid:Boolean(F.startDate)})),l.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(a=F.startDate)||void 0===a?void 0:a.message))),l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=v?v:p("Design:toDate")),l.createElement(n.Form.Control,t.__assign({type:"date"},f("endDate",{required:!0}),{defaultValue:h,className:h&&"date-input-with-value",disabled:s,onChange:function(e){var t=e.target.value;D("endDate",t)},min:C||void 0,isInvalid:Boolean(F.endDate)})),l.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(i=F.endDate)||void 0===i?void 0:i.message)))),l.createElement(n.Row,{className:"align-items-center"},l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=c?c:p("Design:availableFrom")),l.createElement(n.Form.Control,t.__assign({type:"time"},f("startTime",{required:!1}),{placeholder:"hh:mm",defaultValue:T,disabled:s,isInvalid:Boolean(F.startTime)})))),l.createElement(n.Col,{xs:12,sm:6},l.createElement(n.Form.Group,null,l.createElement(n.Form.Label,null,null!=b?b:p("Design:availableTo")),l.createElement(n.Form.Control,t.__assign({type:"time"},f("endTime",{required:!1}),{placeholder:"hh:mm",defaultValue:_,disabled:s,isInvalid:Boolean(F.endTime)}))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("@licklist/core/dist/Config"),n=require("react-i18next"),i=require("react-bootstrap"),o=require("react-hook-form"),m=require("luxon");exports.default=function(e){var s,d,u,c=e.disabled,f=void 0!==c&&c,D=e.minDate,F=e.startDateLabel,E=e.startTimeLabel,v=e.endDateLabel,T=e.endTimeLabel,b=n.useTranslation(["Design","Notification","App"]).t,g=o.useFormContext(),p=g.getValues,_=g.formState.errors,C=g.register,q=g.trigger,y=p("startDate"),L=p("endDate"),h=p("startTime"),x=p("endTime");return a.useEffect((function(){y&&L&&q("endDate")}),[y]),a.useEffect((function(){q("endTime")}),[h]),l.createElement(l.Fragment,null,l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=F?F:b("Design:fromDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},C("startDate",{required:!0}),{defaultValue:y,className:y&&"date-input-with-value",disabled:f,min:D,isInvalid:Boolean(_.startDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(s=_.startDate)||void 0===s?void 0:s.message))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=v?v:b("Design:toDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},C("endDate",{required:!0,validate:function(e){if(!y||!e)return!0;var t=m.DateTime.fromFormat(y,r.DATE_FORMAT);return m.DateTime.fromFormat(e,r.DATE_FORMAT).diff(t,["days"]).days>=0||"".concat(b("Validation:fieldLaterDate",{attribute:b("Design:endDateSmall"),min:b("Design:startDateSmall")}))}}),{defaultValue:L,className:L&&"date-input-with-value",disabled:f,min:y||void 0,isInvalid:Boolean(_.endDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(d=_.endDate)||void 0===d?void 0:d.message)))),l.createElement(i.Row,{className:"align-items-center"},l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=E?E:b("Design:availableFrom")),l.createElement(i.Form.Control,t.__assign({type:"time"},C("startTime",{required:!1}),{placeholder:"hh:mm",defaultValue:h,disabled:f,isInvalid:Boolean(_.startTime)})))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=T?T:b("Design:availableTo")),l.createElement(i.Form.Control,t.__assign({type:"time"},C("endTime",{required:!1,validate:function(e){if(!h||!e)return!0;var t=m.DateTime.fromFormat(h,r.TIME_FORMAT);return m.DateTime.fromFormat(e,r.TIME_FORMAT).diff(t,["minutes"]).minutes>0||"".concat(b("Validation:fieldLaterDate",{attribute:b("Design:endTimeSmall"),min:b("Design:startTimeSmall")}))}}),{placeholder:"hh:mm",defaultValue:x,disabled:f,isInvalid:Boolean(_.endTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=_.endTime)||void 0===u?void 0:u.message)))))};

package/dist/recurring-date-picker-input/RecurringDatePickerInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecurringDatePickerInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurringDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAclD,OAAO,EAAyB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIpE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAkC,EAClC,8BAAsC,EACtC,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,CAAC,6BAA6B,CAAC,eAkLlD"}
+{"version":3,"file":"RecurringDatePickerInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurringDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAclD,OAAO,EAAyB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIpE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAkC,EAClC,8BAAsC,EACtC,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,CAAC,6BAA6B,CAAC,eAmLlD"}

package/dist/recurring-date-picker-input/RecurringDatePickerInput.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),n=e(r),a=require("react-i18next"),i=e(require("react-bootstrap/Button")),l=require("react-bootstrap"),u=require("react-hook-form"),o=require("luxon"),s=require("../modals/confirmation/ConfirmModal.js");require("../modals/dialog/Dialog.js"),require("../modals/dialog/DialogContext.js");var d=require("../product-set/elements/DeleteFieldButton.js"),c=require("rrule"),m=e(c),f=require("react-intl"),v=require("@licklist/core/dist/Config/Date"),D=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),y=require("./RecurrenceIntervalAndFrequencyInput.js"),p=require("./utils.js"),T=require("./RecurrenceWeekdaysInput.js");var q=function(e){var r=e.rrule,n=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.initialFrequency,o=void 0===u?c.Frequency.DAILY:u;return t.__assign({startDate:n,endDate:a,startTime:i,endTime:l,interval:1,freq:o},r&&p.parseAndValidateRRule({rrule:r,date:n}))},g=function(e){var n=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.byWeekDay,s=void 0===u?[]:u,d=k(n,i||"00:00:00"),c=k(a,l||"23:59:59"),m=f.useIntl(),v=m.formatList,D=m.formatNumber;return r.useMemo((function(){if(d instanceof o.DateTime&&c instanceof o.DateTime&&d.isValid&&c.isValid){var e=o.Interval.fromDateTimes(d.set({second:0}),c.set({second:0})).toDuration(["days","hours","minutes"]);if(e.isValid){var r=function(e,t){return D(e,{style:"unit",unit:t,unitDisplay:"long"})},n=o.Interval.fromDateTimes(d.minus({second:1}),c.plus({second:1})).splitBy({days:1});if(!(s.length?n.reduce((function(e,t){return s.some((function(e){return e.weekday+1===t.start.weekday}))?e+1:e}),0):1))return r(0,"minute");var a=[[e.days,"day"],[e.hours,"hour"],[e.minutes,"minute"]].filter((function(e){return t.__read(e,1)[0]}));return a.length||a.push([0,"minute"]),v(a.map((function(e){return r.apply(void 0,t.__spreadArray([],t.__read(e),!1))})),{style:"long",type:"unit"})}}}),[d,c,s,v,D])},k=function(e,t){var r=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FORMAT);if(r.isValid)return r;var n=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FULL_FORMAT);return n.isValid?n:""};exports.RecurringDatePickerInput=function(e){var f,v,p,b,_,E,F=e.disabled,w=void 0!==F&&F,h=e.onChange,A=e.onDelete,I=e.defaultValues,V=e.initialFrequency,x=void 0===V?c.Frequency.DAILY:V,j=e.setInitialStartDateAfterSelect,L=void 0!==j&&j,R=e.children,M=e.minDate,S=a.useTranslation(["Design"]).t,N=u.useForm({defaultValues:q({rrule:null!==(f=null==I?void 0:I.rrule)&&void 0!==f?f:"",startDate:null!==(v=null==I?void 0:I.startDate)&&void 0!==v?v:"",endDate:null!==(p=null==I?void 0:I.endDate)&&void 0!==p?p:"",startTime:null!==(b=null==I?void 0:I.startTime)&&void 0!==b?b:"",endTime:null!==(_=null==I?void 0:I.endTime)&&void 0!==_?_:"",initialFrequency:null!==(E=null==I?void 0:I.freq)&&void 0!==E?E:x}),mode:"onChange"}),C=N.watch,P=N.setValue,W=N.handleSubmit,B=C("startDate"),Y=C("endDate"),O=C("startTime"),Q=C("endTime"),U=C("byweekday"),J=D.usePreviousValue(B),K=g({startDate:B,endDate:Y,startTime:O,endTime:Q,byWeekDay:U}),z=function(e){var r=k(Y,Q||"23:59:59"),n=Array.isArray(e.byweekday)?e.byweekday.map((function(e){return e instanceof c.Weekday?e:new c.Weekday(null==e?void 0:e.weekday)})):e.byweekday,a=m.optionsToString({until:r instanceof o.DateTime&&r.isValid?null==r?void 0:r.toJSDate():null,byweekday:n,count:e.count,freq:(null==n?void 0:n.length)?c.Frequency.WEEKLY:c.Frequency.DAILY,interval:e.interval}).replace("RRULE:","");h(t.__assign(t.__assign({},e),{rrule:a}))};return r.useEffect((function(){var e,t;if(L&&(!J||B)&&!B&&U&&U.length&&!Number.isNaN(null===(e=U[0])||void 0===e?void 0:e.weekday)){var r=(null===(t=U[0])||void 0===t?void 0:t.weekday)+1,n=o.DateTime.local(),a=o.DateTime.local().set({weekday:r});a>=n||r===n.weekday?P("startDate",a.toSQLDate()):P("startDate",a.plus({week:1}).toSQLDate())}}),[U,L]),n.createElement(u.FormProvider,t.__assign({},N),n.createElement(l.Form,{onSubmit:function(e){return e.preventDefault(),e.stopPropagation(),W(z)(e)}},n.createElement(T.default,{date:B,disabled:w}),n.createElement(y.default,{disabled:w,minDate:M}),R,n.createElement("div",{className:"d-inline-flex align-items-center w-100"},n.createElement(i,{type:"submit"},S("Design:apply")),n.createElement("div",{className:"d-flex flex-grow-1 text-muted mx-3 flex-column"},n.createElement("div",null,K&&"lasts ".concat(K))),I&&n.createElement("div",{className:"d-flex justify-content-end delete-btn"},n.createElement(s.ConfirmModal,null,(function(e){return n.createElement(d.DeleteFieldButton,{onDelete:function(){return e(A)}})}))))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),n=require("react"),r=e(n),a=require("react-i18next"),i=e(require("react-bootstrap/Button")),l=require("react-bootstrap"),u=require("react-hook-form"),o=require("luxon"),s=require("../modals/confirmation/ConfirmModal.js");require("../modals/dialog/Dialog.js"),require("../modals/dialog/DialogContext.js");var d=require("../product-set/elements/DeleteFieldButton.js"),c=require("rrule"),m=e(c),f=require("react-intl"),v=require("@licklist/core/dist/Config/Date"),D=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),y=require("./RecurrenceIntervalAndFrequencyInput.js"),p=require("./utils.js"),T=require("./RecurrenceWeekdaysInput.js");var q=function(e){var n=e.rrule,r=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.initialFrequency,o=void 0===u?c.Frequency.DAILY:u;return t.__assign({startDate:r,endDate:a,startTime:i,endTime:l,interval:1,freq:o},n&&p.parseAndValidateRRule({rrule:n,date:r}))},g=function(e){var r=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.byWeekDay,s=void 0===u?[]:u,d=k(r,i||"00:00:00"),c=k(a,l||"23:59:59"),m=f.useIntl(),v=m.formatList,D=m.formatNumber;return n.useMemo((function(){if(d instanceof o.DateTime&&c instanceof o.DateTime&&d.isValid&&c.isValid){var e=o.Interval.fromDateTimes(d.set({second:0}),c.set({second:0})).toDuration(["days","hours","minutes"]);if(e.isValid){var n=function(e,t){return D(e,{style:"unit",unit:t,unitDisplay:"long"})},r=o.Interval.fromDateTimes(d.minus({second:1}),c.plus({second:1})).splitBy({days:1});if(!(s.length?r.reduce((function(e,t){return s.some((function(e){return e.weekday+1===t.start.weekday}))?e+1:e}),0):1))return n(0,"minute");var a=[[e.days,"day"],[e.hours,"hour"],[e.minutes,"minute"]].filter((function(e){return t.__read(e,1)[0]}));return a.length||a.push([0,"minute"]),v(a.map((function(e){return n.apply(void 0,t.__spreadArray([],t.__read(e),!1))})),{style:"long",type:"unit"})}}}),[d,c,s,v,D])},k=function(e,t){var n=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FORMAT);if(n.isValid)return n;var r=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FULL_FORMAT);return r.isValid?r:""};exports.RecurringDatePickerInput=function(e){var f,v,p,b,_,E,F=e.disabled,w=void 0!==F&&F,h=e.onChange,V=e.onDelete,A=e.defaultValues,I=e.initialFrequency,x=void 0===I?c.Frequency.DAILY:I,j=e.setInitialStartDateAfterSelect,L=void 0!==j&&j,R=e.children,M=e.minDate,S=a.useTranslation(["Design"]).t,N=u.useForm({defaultValues:q({rrule:null!==(f=null==A?void 0:A.rrule)&&void 0!==f?f:"",startDate:null!==(v=null==A?void 0:A.startDate)&&void 0!==v?v:"",endDate:null!==(p=null==A?void 0:A.endDate)&&void 0!==p?p:"",startTime:null!==(b=null==A?void 0:A.startTime)&&void 0!==b?b:"",endTime:null!==(_=null==A?void 0:A.endTime)&&void 0!==_?_:"",initialFrequency:null!==(E=null==A?void 0:A.freq)&&void 0!==E?E:x}),mode:"onChange"}),C=N.watch,P=N.setValue,W=N.handleSubmit,B=C("startDate"),Y=C("endDate"),O=C("startTime"),Q=C("endTime"),U=C("byweekday"),J=D.usePreviousValue(B),K=g({startDate:B,endDate:Y,startTime:O,endTime:Q,byWeekDay:U}),z=function(e){var n=k(Y,Q||"23:59:59"),r=Array.isArray(e.byweekday)?e.byweekday.map((function(e){return e instanceof c.Weekday?e:new c.Weekday(null==e?void 0:e.weekday)})):e.byweekday,a=m.optionsToString({until:n instanceof o.DateTime&&n.isValid?null==n?void 0:n.toJSDate():null,byweekday:r,count:e.count,freq:(null==r?void 0:r.length)?c.Frequency.WEEKLY:c.Frequency.DAILY,interval:e.interval}).replace("RRULE:","");h(t.__assign(t.__assign({},e),{rrule:a}))};return n.useEffect((function(){var e,t;if(L&&(!J||B)&&!B&&U&&U.length&&!Number.isNaN(null===(e=U[0])||void 0===e?void 0:e.weekday)){var n=(null===(t=U[0])||void 0===t?void 0:t.weekday)+1,r=o.DateTime.local(),a=o.DateTime.local().set({weekday:n});a>=r||n===r.weekday?P("startDate",a.toSQLDate()):P("startDate",a.plus({week:1}).toSQLDate())}}),[U,L]),r.createElement(u.FormProvider,t.__assign({},N),r.createElement(l.Form,{noValidate:!0,onSubmit:function(e){return e.preventDefault(),e.stopPropagation(),W(z)(e)}},r.createElement(T.default,{date:B,disabled:w}),r.createElement(y.default,{disabled:w,minDate:M}),R,r.createElement("div",{className:"d-inline-flex align-items-center w-100"},r.createElement(i,{type:"submit"},S("Design:apply")),r.createElement("div",{className:"d-flex flex-grow-1 text-muted mx-3 flex-column"},r.createElement("div",null,K&&"lasts ".concat(K))),A&&r.createElement("div",{className:"d-flex justify-content-end delete-btn"},r.createElement(s.ConfirmModal,null,(function(e){return r.createElement(d.DeleteFieldButton,{onDelete:function(){return e(V)}})}))))))};

package/dist/zone/form/components/AvailableTimesControl.d.ts

@@ -1,15 +1,22 @@
 import React from "react";
+import { UseFormSetError } from "react-hook-form";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 export type AvailableTimesControlRef = {
     trigger: () => Promise<boolean>;
     getValues: () => {
         availableTimes: string[];
     };
+    setError: UseFormSetError<AvailableTimesForm>;
 };
 type AvailableTimesControlProps = {
     isLoading: boolean;
     workHours?: WorkHour[];
     defaultValues?: string[];
+    startTime?: string;
+    endTime?: string;
+};
+type AvailableTimesForm = {
+    availableTimes: string[];
 };
 export declare const AvailableTimesControl: React.ForwardRefExoticComponent<AvailableTimesControlProps & React.RefAttributes<AvailableTimesControlRef>>;
 export {};

package/dist/zone/form/components/AvailableTimesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableTimesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/AvailableTimesControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAItF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CAC/C,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,qBAAqB,6GA4FhC,CAAC"}
+{"version":3,"file":"AvailableTimesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/AvailableTimesControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,eAAe,EAAW,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAItF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IAAE,cAAc,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,qBAAqB,6GA8FhC,CAAC"}

package/dist/zone/form/components/AvailableTimesControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),l=require("react-bootstrap"),s=require("react-hook-form"),n=require("@react-aria/utils"),u=require("@licklist/plugins/dist/utils/time"),o=require("../utils/dates.js"),c=t.forwardRef((function(e,c){var m,d=e.isLoading,f=e.workHours,v=e.defaultValues,b=void 0===v?[]:v,g=n.useId(),p=i.useTranslation(["Design","Validation"]).t,h=s.useForm({mode:"onChange"}),T=h.register,k=h.formState.errors,_=h.reset,q=h.trigger,E=h.getValues,y=h.setValue,C=(0,h.watch)("availableTimes")||[],F=t.useMemo((function(){return o.getCheckboxesByWorkHours(f)}),[f]);t.useImperativeHandle(c,(function(){return{trigger:q,getValues:E}}));return t.useEffect((function(){b&&_({availableTimes:b})}),[b]),a.createElement(l.Form.Group,{controlId:g},a.createElement(l.Form.Label,null,p("Design:startTimes")),a.createElement("div",{className:"zone-available-times"},F.map((function(e){return a.createElement(l.Form.Check,{key:e,inline:!0,custom:!0,id:e},a.createElement(l.Form.Check.Input,{type:"checkbox",value:e,checked:C.includes(u.calculateTimeWithOffset(e)),onChange:function(){return function(e){var t=u.calculateTimeWithOffset(e);C.includes(t)?y("availableTimes",C.filter((function(e){return e!==t}))):y("availableTimes",r.__spreadArray(r.__spreadArray([],r.__read(C),!1),[t],!1))}(e)},disabled:d}),a.createElement(l.Form.Check.Label,null,e))}))),a.createElement(l.Form.Control,r.__assign({type:"hidden"},T("availableTimes",{required:{value:!0,message:p("Validation:fieldMinNumber",{attribute:p("startTimes"),min:1})}}))),a.createElement("div",{className:"manual-form-error"},null===(m=k.availableTimes)||void 0===m?void 0:m.message))}));exports.AvailableTimesControl=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),l=require("react-bootstrap"),s=require("react-hook-form"),n=require("@react-aria/utils"),u=require("@licklist/plugins/dist/utils/time"),o=require("../utils/dates.js"),c=t.forwardRef((function(e,c){var m,d=e.isLoading,f=e.workHours,v=e.defaultValues,b=void 0===v?[]:v,g=n.useId(),p=i.useTranslation(["Design","Validation"]).t,h=s.useForm({mode:"onChange"}),T=h.register,k=h.formState.errors,E=h.reset,_=h.trigger,q=h.getValues,y=h.setValue,C=h.watch,F=h.setError,V=C("availableTimes")||[],x=t.useMemo((function(){return o.getCheckboxesByWorkHours(f)}),[f]);t.useImperativeHandle(c,(function(){return{trigger:_,getValues:q,setError:F}}));return t.useEffect((function(){b&&E({availableTimes:b})}),[b]),a.createElement(l.Form.Group,{controlId:g},a.createElement(l.Form.Label,null,p("Design:startTimes")),a.createElement("div",{className:"zone-available-times"},x.map((function(e){return a.createElement(l.Form.Check,{key:e,inline:!0,custom:!0,id:e},a.createElement(l.Form.Check.Input,{type:"checkbox",value:e,checked:V.includes(u.calculateTimeWithOffset(e)),onChange:function(){return function(e){var t=u.calculateTimeWithOffset(e);V.includes(t)?y("availableTimes",V.filter((function(e){return e!==t}))):y("availableTimes",r.__spreadArray(r.__spreadArray([],r.__read(V),!1),[t],!1))}(e)},disabled:d}),a.createElement(l.Form.Check.Label,null,e))}))),a.createElement(l.Form.Control,r.__assign({type:"hidden"},T("availableTimes",{required:{value:!0,message:p("Validation:fieldMinNumber",{attribute:p("startTimes"),min:1})}}))),a.createElement("div",{className:"manual-form-error"},null===(m=k.availableTimes)||void 0===m?void 0:m.message))}));exports.AvailableTimesControl=c;

package/dist/zone/form/components/ZoneRecurrencesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AActF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,8BAGhC,0BAA0B,gBA4N5B,CAAC"}
+{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAoBtF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,8BAGhC,0BAA0B,gBAkP5B,CAAC"}

package/dist/zone/form/components/ZoneRecurrencesControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),a=require("react-bootstrap"),o=require("../../../static/Icon.js"),u=require("react-hook-form"),l=require("@react-aria/utils"),c=require("react-use");require("../../../static/index.js");var s=require("@dnd-kit/core"),d=require("@dnd-kit/sortable"),m=require("../../../modals/confirmation/ConfirmModal.js"),v=require("../../../recurring-date-picker-input/RecurringDatePickerInput.js"),f=require("../../../product-set/control/DateAndRecurrenceInput.js"),g=require("./ZoneRecurrenceControl.js"),p=require("./AvailableTimesControl.js");exports.ZoneRecurrencesControl=function(e){var _,E,b=e.workHours,q=e.isLoading,C=void 0!==q&&q,x=u.useFormContext(),R=x.control,D=x.register,k=x.formState.errors,y=x.getValues,S=x.setValue,I=x.clearErrors,T=u.useFieldArray({name:"zoneRecurrences",control:R,keyName:"_id"}),h=T.fields,z=T.append,N=T.update,j=T.move,w=r.__read(t.useState(!1),2),A=w[0],F=w[1],M=r.__read(t.useState({index:null,values:null}),2),P=M[0],V=M[1],L=function(){return V({index:null,values:null})},O=r.__read(t.useState([]),2),Z=O[0],H=O[1],G=t.useRef(),K=t.useRef();c.useClickAway(G,(function(e){var r,t,n;m.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(F(!1),L())}));var W=l.useId(),B=i.useTranslation("Design").t,J=function(){L(),F((function(e){return!e}))};return t.useEffect((function(){h.length&&I("zoneRecurrences")}),[h,I]),n.createElement(a.Form.Group,null,n.createElement(a.Form.Label,null,B("zoneAvailable")),n.createElement(a.OverlayTrigger,{show:A,overlay:n.createElement(a.Popover,{id:W,className:"rounded"},n.createElement(a.Popover.Content,{className:"shadow-lg rounded",ref:G},n.createElement(v.RecurringDatePickerInput,{defaultValues:P.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,i,a;return r.__generator(this,(function(o){switch(o.label){case 0:return[4,null===(n=K.current)||void 0===n?void 0:n.trigger()];case 1:return o.sent()?(t=r.__assign({rrule:e.rrule,startDate:e.startDate,endDate:e.endDate,startTime:e.startTime,endTime:e.endTime},K.current.getValues()),(null===(i=P.values)||void 0===i?void 0:i.id)&&(t.id=null===(a=P.values)||void 0===a?void 0:a.id),null!==P.index?N(P.index,t):z(t),F((function(){return!1})),L(),[2]):[2]}}))}))},onDelete:function(){var e=P.index;F(!1),L(),setTimeout((function(){var r=y().zoneRecurrences;S("zoneRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)},setInitialStartDateAfterSelect:!0},n.createElement(p.AvailableTimesControl,{workHours:b,isLoading:C,defaultValues:Z,ref:K})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[f.sameWidthPopperModifier]}},n.createElement("div",{className:"zone-recurrences"},n.createElement(s.DndContext,{onDragEnd:function(e){var r=e.over,t=e.active;if(r.id!==t.id){var n=h.findIndex((function(e){return String(e._id)===t.id})),i=h.findIndex((function(e){return String(e._id)===r.id}));j(n,i)}}},n.createElement(d.SortableContext,{items:null!==(_=null==h?void 0:h.map((function(e){return String(e._id)})))&&void 0!==_?_:[],strategy:d.verticalListSortingStrategy},null==h?void 0:h.map((function(e,r){return n.createElement(g.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){L(),setTimeout((function(){V({index:r,values:e}),H(e.availableTimes||[]),F((function(){return!0}))}),100)}(e,r)}})})))),n.createElement("div",{className:"zone-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:J,onKeyDown:J},n.createElement(o.default,{type:"plus-circle",height:"1rem",className:"zone-recurrence-icon-add mr-2"}),B("addDates")),n.createElement(a.Form.Control,r.__assign({type:"hidden"},D("zoneRecurrences",{required:{value:!0,message:B("Validation:fieldMinNumber",{attribute:B("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(E=k.zoneRecurrences)||void 0===E?void 0:E.message))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("@licklist/core/dist/Config"),a=require("react-i18next"),o=require("react-bootstrap"),u=require("../../../static/Icon.js"),l=require("react-hook-form"),s=require("@react-aria/utils"),c=require("react-use"),d=require("luxon");require("../../../static/index.js");var m=require("@dnd-kit/core"),f=require("@dnd-kit/sortable"),v=require("../../../modals/confirmation/ConfirmModal.js"),g=require("../../../recurring-date-picker-input/RecurringDatePickerInput.js"),T=require("../../../product-set/control/DateAndRecurrenceInput.js"),p=require("@licklist/plugins/dist/utils/time"),_=require("./ZoneRecurrenceControl.js"),E=require("./AvailableTimesControl.js");exports.ZoneRecurrencesControl=function(e){var b,q,C=e.workHours,D=e.isLoading,R=void 0!==D&&D,x=l.useFormContext(),I=x.control,k=x.register,y=x.formState.errors,S=x.getValues,A=x.setValue,h=x.clearErrors,F=l.useFieldArray({name:"zoneRecurrences",control:I,keyName:"_id"}),M=F.fields,N=F.append,O=F.update,z=F.move,w=r.__read(t.useState(!1),2),j=w[0],V=w[1],L=r.__read(t.useState({index:null,values:null}),2),P=L[0],Z=L[1],H=function(){return Z({index:null,values:null})},W=r.__read(t.useState([]),2),B=W[0],G=W[1],K=t.useRef(),J=t.useRef();c.useClickAway(K,(function(e){var r,t,n;v.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(V(!1),H())}));var Q=s.useId(),U=a.useTranslation(["Design","Validation"]).t,X=function(){H(),V((function(e){return!e}))};return t.useEffect((function(){M.length&&h("zoneRecurrences")}),[M,h]),n.createElement(o.Form.Group,null,n.createElement(o.Form.Label,null,U("zoneAvailable")),n.createElement(o.OverlayTrigger,{show:j,overlay:n.createElement(o.Popover,{id:Q,className:"rounded"},n.createElement(o.Popover.Content,{className:"shadow-lg rounded",ref:K},n.createElement(g.RecurringDatePickerInput,{defaultValues:P.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,a,o,u,l,s;return r.__generator(this,(function(c){switch(c.label){case 0:return[4,null===(u=J.current)||void 0===u?void 0:u.trigger()];case 1:return c.sent()?(t=d.DateTime.fromFormat(e.startTime,i.TIME_FORMAT),n=d.DateTime.fromFormat(e.endTime,i.TIME_FORMAT),a=J.current.getValues().availableTimes,a.every((function(e){var r=d.DateTime.fromFormat(p.calculateTimeWithOffset(e,p.DIRECTION_TO_LOCAL),i.TIME_FORMAT);return r.diff(t,"minutes").minutes>=0&&r.diff(n,"minutes").minutes<=0}))?(o=r.__assign({rrule:e.rrule,startDate:e.startDate,endDate:e.endDate,startTime:e.startTime,endTime:e.endTime},J.current.getValues()),(null===(l=P.values)||void 0===l?void 0:l.id)&&(o.id=null===(s=P.values)||void 0===s?void 0:s.id),null!==P.index?O(P.index,o):N(o),V((function(){return!1})),H(),[2]):(J.current.setError("availableTimes",{message:U("Validation:fieldTimeBetween",{attribute:U("Design:startTimesSmall"),min:null==e?void 0:e.startTime,max:null==e?void 0:e.endTime})}),[2])):[2]}}))}))},onDelete:function(){var e=P.index;V(!1),H(),setTimeout((function(){var r=S().zoneRecurrences;A("zoneRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)},setInitialStartDateAfterSelect:!0},n.createElement(E.AvailableTimesControl,{workHours:C,isLoading:R,defaultValues:B,ref:J})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[T.sameWidthPopperModifier]}},n.createElement("div",{className:"zone-recurrences"},n.createElement(m.DndContext,{onDragEnd:function(e){var r=e.over,t=e.active;if(r.id!==t.id){var n=M.findIndex((function(e){return String(e._id)===t.id})),i=M.findIndex((function(e){return String(e._id)===r.id}));z(n,i)}}},n.createElement(f.SortableContext,{items:null!==(b=null==M?void 0:M.map((function(e){return String(e._id)})))&&void 0!==b?b:[],strategy:f.verticalListSortingStrategy},null==M?void 0:M.map((function(e,r){return n.createElement(_.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){H(),setTimeout((function(){Z({index:r,values:e}),G(e.availableTimes||[]),V((function(){return!0}))}),100)}(e,r)}})})))),n.createElement("div",{className:"zone-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:X,onKeyDown:X},n.createElement(u.default,{type:"plus-circle",height:"1rem",className:"zone-recurrence-icon-add mr-2"}),U("addDates")),n.createElement(o.Form.Control,r.__assign({type:"hidden"},k("zoneRecurrences",{required:{value:!0,message:U("Validation:fieldMinNumber",{attribute:U("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(q=y.zoneRecurrences)||void 0===q?void 0:q.message))))};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.485-dev.99",
+  "version": "0.44.486-dev.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/date-time-button/DateContent.tsx

@@ -4,7 +4,7 @@ import clsx from "clsx";
 import { isToday, isTomorrow } from "date-fns";
 import { DateTime } from "luxon";
 import React from "react";
-import { useTranslation } from "react-i18next/*";
+import { useTranslation } from "react-i18next";
 import { DateTimeButtonProps } from "./DateTimeButton";
 
 type DateContentProps = Pick<

package/src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx

@@ -1,7 +1,9 @@
-import React from "react";
+import React, { useEffect } from "react";
+import { DateTime } from "luxon";
 import { Col, Form, Row } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";
+import { DATE_FORMAT, TIME_FORMAT } from "@licklist/core/dist/Config";
 import { RecurringDatePickerInputValues } from "./RecurringDatePickerInput";
 
 interface RecurrenceIntervalAndFrequencyInputProps {
@@ -25,9 +27,9 @@ function RecurrenceIntervalAndFrequencyInput({
 
   const {
     getValues,
-    setValue,
     formState: { errors },
     register,
+    trigger,
   } = useFormContext<RecurringDatePickerInputValues>();
 
   const startDate = getValues("startDate");
@@ -35,9 +37,22 @@ function RecurrenceIntervalAndFrequencyInput({
   const startTime = getValues("startTime");
   const endTime = getValues("endTime");
 
+  useEffect(() => {
+    if (!startDate || !endDate) {
+      return;
+    }
+    trigger(`endDate`);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [startDate]);
+
+  useEffect(() => {
+    trigger("endTime");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [startTime]);
+
   return (
     <>
-      <Row className="align-items-center">
+      <Row>
         <Col xs={12} sm={6}>
           <Form.Group>
             <Form.Label>{startDateLabel ?? t("Design:fromDate")}</Form.Label>
@@ -47,9 +62,6 @@ function RecurrenceIntervalAndFrequencyInput({
               defaultValue={startDate}
               className={startDate && "date-input-with-value"}
               disabled={disabled}
-              onChange={({ target: { value } }) => {
-                setValue("startDate", value);
-              }}
               min={minDate}
               isInvalid={Boolean(errors.startDate)}
             />
@@ -64,13 +76,29 @@ function RecurrenceIntervalAndFrequencyInput({
             <Form.Label>{endDateLabel ?? t("Design:toDate")}</Form.Label>
             <Form.Control
               type="date"
-              {...register("endDate", { required: true })}
+              {...register("endDate", {
+                required: true,
+                validate: (date) => {
+                  if (!startDate || !date) {
+                    return true;
+                  }
+                  const currentStartDate = DateTime.fromFormat(
+                    startDate,
+                    DATE_FORMAT
+                  );
+                  const currentEndDate = DateTime.fromFormat(date, DATE_FORMAT);
+                  return currentEndDate.diff(currentStartDate, ["days"]).days >=
+                    0
+                    ? true
+                    : `${t(`Validation:fieldLaterDate`, {
+                        attribute: t("Design:endDateSmall"),
+                        min: t("Design:startDateSmall"),
+                      })}`;
+                },
+              })}
               defaultValue={endDate}
               className={endDate && "date-input-with-value"}
               disabled={disabled}
-              onChange={({ target: { value } }) => {
-                setValue("endDate", value);
-              }}
               min={startDate || undefined}
               isInvalid={Boolean(errors.endDate)}
             />
@@ -103,12 +131,35 @@ function RecurrenceIntervalAndFrequencyInput({
             <Form.Label>{endTimeLabel ?? t("Design:availableTo")}</Form.Label>
             <Form.Control
               type="time"
-              {...register("endTime", { required: false })}
+              {...register("endTime", {
+                required: false,
+                validate: (time) => {
+                  if (!startTime || !time) {
+                    return true;
+                  }
+                  const currentStartTime = DateTime.fromFormat(
+                    startTime,
+                    TIME_FORMAT
+                  );
+                  const currentEndTime = DateTime.fromFormat(time, TIME_FORMAT);
+
+                  return currentEndTime.diff(currentStartTime, ["minutes"])
+                    .minutes > 0
+                    ? true
+                    : `${t(`Validation:fieldLaterDate`, {
+                        attribute: t("Design:endTimeSmall"),
+                        min: t("Design:startTimeSmall"),
+                      })}`;
+                },
+              })}
               placeholder="hh:mm"
               defaultValue={endTime}
               disabled={disabled}
               isInvalid={Boolean(errors.endTime)}
             />
+            <Form.Control.Feedback type="invalid">
+              {errors.endTime?.message}
+            </Form.Control.Feedback>
           </Form.Group>
         </Col>
       </Row>

package/src/recurring-date-picker-input/RecurringDatePickerInput.tsx

@@ -166,6 +166,7 @@ export function RecurringDatePickerInput({
   return (
     <FormProvider {...form}>
       <Form
+        noValidate
         onSubmit={(event) => {
           // prevents parent form submitting
           event.preventDefault();

package/src/zone/form/components/AvailableTimesControl.tsx

@@ -6,7 +6,7 @@ import React, {
 } from "react";
 import { useTranslation } from "react-i18next";
 import { Form } from "react-bootstrap";
-import { useForm } from "react-hook-form";
+import { UseFormSetError, useForm } from "react-hook-form";
 import { useId } from "@react-aria/utils";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 import { calculateTimeWithOffset } from "@licklist/plugins/dist/utils/time";
@@ -15,12 +15,15 @@ import { getCheckboxesByWorkHours } from "../utils/dates";
 export type AvailableTimesControlRef = {
   trigger: () => Promise<boolean>;
   getValues: () => { availableTimes: string[] };
+  setError: UseFormSetError<AvailableTimesForm>;
 };
 
 type AvailableTimesControlProps = {
   isLoading: boolean;
   workHours?: WorkHour[];
   defaultValues?: string[];
+  startTime?: string;
+  endTime?: string;
 };
 
 type AvailableTimesForm = { availableTimes: string[] };
@@ -40,6 +43,7 @@ export const AvailableTimesControl = forwardRef<
     getValues,
     setValue,
     watch,
+    setError,
   } = useForm<AvailableTimesForm>({ mode: "onChange" });
 
   const availableTimes = watch("availableTimes") || [];
@@ -53,6 +57,7 @@ export const AvailableTimesControl = forwardRef<
     return {
       trigger,
       getValues,
+      setError,
     };
   });
 

package/src/zone/form/components/ZoneRecurrencesControl.tsx

@@ -11,6 +11,12 @@ import {
 } from "@dnd-kit/sortable";
 import { DndContext } from "@dnd-kit/core";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
+import { DateTime } from "luxon";
+import { TIME_FORMAT } from "@licklist/core/dist/Config";
+import {
+  calculateTimeWithOffset,
+  DIRECTION_TO_LOCAL,
+} from "@licklist/plugins/dist/utils/time";
 import { CONFIRM_MODAL_ACTIONS } from "../../../modals/confirmation/ConfirmModal";
 import { Icon } from "../../../static";
 import {
@@ -45,7 +51,6 @@ export const ZoneRecurrencesControl = ({
     setValue,
     clearErrors,
   } = useFormContext<DateAndRecurrenceInputValues>();
-
   const { fields, append, update, move } = useFieldArray({
     name: "zoneRecurrences",
     control,
@@ -81,18 +86,41 @@ export const ZoneRecurrencesControl = ({
 
   const popoverId = useId()!;
 
-  const { t } = useTranslation("Design");
+  const { t } = useTranslation(["Design", "Validation"]);
 
   // in this method we should fulfill the form with a proper data
   const handleRecurringDateChange = async (
     next: RecurringDatePickerInputValues
   ) => {
-    const isValid = await availableTimesFormRef.current?.trigger();
-
-    if (!isValid) {
+    const isAvailableTimesFormValid =
+      await availableTimesFormRef.current?.trigger();
+    if (!isAvailableTimesFormValid) {
       return;
     }
+    const startTime = DateTime.fromFormat(next.startTime, TIME_FORMAT);
+    const endTime = DateTime.fromFormat(next.endTime, TIME_FORMAT);
+    const { availableTimes } = availableTimesFormRef.current.getValues();
+    const validAvalilableTimes = availableTimes.every((time) => {
+      const currentAvailableTime = DateTime.fromFormat(
+        calculateTimeWithOffset(time, DIRECTION_TO_LOCAL),
+        TIME_FORMAT
+      );
+      return (
+        currentAvailableTime.diff(startTime, "minutes").minutes >= 0 &&
+        currentAvailableTime.diff(endTime, "minutes").minutes <= 0
+      );
+    });
+    if (!validAvalilableTimes) {
+      availableTimesFormRef.current.setError("availableTimes", {
+        message: t("Validation:fieldTimeBetween", {
+          attribute: t("Design:startTimesSmall"),
+          min: next?.startTime,
+          max: next?.endTime,
+        }),
+      });
 
+      return;
+    }
     const values = {
       rrule: next.rrule,
       startDate: next.startDate,