@entur/datepicker 8.1.0-beta.1 → 8.1.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/TimePicker/SimpleTimePicker.d.ts +4 -2
  2. package/dist/datepicker.cjs.development.js +15 -7
  3. package/dist/datepicker.cjs.development.js.map +1 -1
  4. package/dist/datepicker.cjs.production.min.js +1 -1
  5. package/dist/datepicker.cjs.production.min.js.map +1 -1
  6. package/dist/datepicker.esm.js +15 -7
  7. package/dist/datepicker.esm.js.map +1 -1
  8. package/dist/styles.css +109 -141
  9. package/package.json +2 -2
package/dist/datepicker.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("@react-stately/datepicker"),n=require("@react-aria/datepicker"),l=require("@react-aria/i18n"),r=require("classnames"),i=require("@entur/form"),o=require("@internationalized/date"),d=require("@react-aria/calendar"),s=require("@react-stately/calendar"),u=require("@entur/icons"),c=require("@react-aria/button"),f=require("@entur/button"),m=require("@entur/a11y"),p=require("@floating-ui/react-dom"),b=require("react-focus-lock"),v=require("@entur/tokens"),g=require("@entur/modal");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=k(t),C=k(r),E=k(b);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},y.apply(this,arguments)}function D(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n<r.length;n++)t.indexOf(a=r[n])>=0||(l[a]=e[a]);return l}var _,w=function(e){var a=e.segment,l=e.state,r=t.useRef(null),i=n.useDateSegment(a,l,r).segmentProps,o=l.segments.some((function(e){return"AM"===e.text||"PM"===e.text}));return h.default.createElement("div",y({},i,{ref:r,className:C.default("eds-date-and-time-field__segment",{"eds-date-and-time-field__segment--placeholder":a.isPlaceholder,"eds-date-and-time-field__segment--dot-separator":"."===a.text}),tabIndex:l.isDisabled?-1:i.tabIndex}),o?a.text:a.text.match(/\d+/)?a.text.padStart(2,"0"):a.text)},T=function(e,t,a){return t?a?new o.ZonedDateTime(e.getFullYear(),e.getMonth()+1,e.getDate(),t,a,e.getHours(),e.getMinutes(),e.getSeconds()):o.parseAbsolute(e.toISOString(),t):new o.CalendarDateTime(e.getFullYear(),e.getMonth()+1,e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())},I=function(e){if(void 0===e&&(e="gregory"),"gregory"===e)return new o.GregorianCalendar;throw new Error("Unsupported calendar "+e)},S=function(e,t,a){return"no-no"!==t.toLowerCase()?a["aria-label"]:e},N=["selectedDate","label","locale","showTimeZone","showTime","granularity","disabled","variant","feedback","validationVariant","validationFeedback","labelTooltip","minDate","maxDate","style","className","labelProps","append"],P=h.default.forwardRef((function(r,o){var d=r.selectedDate,s=r.label,u=r.locale,c=r.showTimeZone,f=r.showTime,m=r.granularity,p=void 0===m?"day":m,b=r.disabled,v=r.variant,g=r.feedback,k=r.validationVariant,E=void 0===k?"error":k,_=r.validationFeedback,T=void 0===_?"Ugyldig dato":_,S=r.labelTooltip,P=r.minDate,x=r.maxDate,A=r.style,F=r.className,L=r.labelProps,R=r.append,O=D(r,N),V=l.useLocale(),M=a.useDateFieldState(y({},O,{locale:null!=u?u:V.locale,createCalendar:I,value:null===d?void 0:d,hideTimeZone:!c,granularity:f?"minute":p,minValue:P,maxValue:x})),q=t.useRef(null),B=n.useDateField(y({},O,{label:s,isDisabled:b||O.isDisabled}),M,q),Z=B.labelProps,W=B.fieldProps,U=e.useRandomId("datefield");return h.default.createElement(e.ConditionalWrapper,{condition:void 0!==u,wrapper:function(e){return h.default.createElement(l.I18nProvider,{locale:u},e)}},h.default.createElement(i.BaseFormControl,y({style:A,className:C.default("eds-datefield",F),labelId:U,ref:e.mergeRefs(q,o),disabled:M.isDisabled,disableLabelAnimation:!0,label:s,labelTooltip:S,labelProps:null!=L?L:Z},W,{variant:(null!=v?v:"invalid"===M.validationState)?E:void 0,feedback:(null!=g?g:"invalid"===M.validationState)?T:void 0,append:R,ariaAlertOnFeedback:!0}),M.segments.map((function(e,t){return h.default.createElement(w,{segment:e,state:M,key:t})}))))})),x=["children","className","style"],A=function(e){var a=e.children,n=e.className,l=e.style,r=D(e,x),i=t.useRef(null),o=c.useButton(r,i);return h.default.createElement(f.IconButton,y({},o.buttonProps,{ref:i,className:n,style:l}),a)},F=["state","date","onSelectedCellClick"],L=function(e){var a,n=e.state,l=e.date,r=e.onSelectedCellClick,i=void 0===r?function(){}:r,s=D(e,F),u=t.useRef(null),c=d.useCalendarCell({date:l},n,u),f=c.buttonProps,m=c.isSelected,p=c.isOutsideVisibleRange,b=c.isDisabled,v=c.isUnavailable,g=c.formattedDate;return h.default.createElement("td",y({},c.cellProps,{className:"eds-datepicker__calendar__grid__cell__td"}),h.default.createElement("div",y({},f,{ref:u,hidden:p,className:C.default("eds-datepicker__calendar__grid__cell",{"eds-datepicker__calendar__grid__cell--selected":m,"eds-datepicker__calendar__grid__cell--disabled":b||v,"eds-datepicker__calendar__grid__cell--outside-month":p,"eds-datepicker__calendar__grid__cell--today":o.isEqualDay(l,o.now(null!=(a=n.timeZone)?a:o.getLocalTimeZone()))})},s,{onClick:function(e){f.onClick&&f.onClick(e),m&&i()},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),"Enter"!==e.key&&" "!==e.key||m&&i()}}),g))},R=["state","navigationDescription","onSelectedCellClick"],O=function(t){var a=t.state,n=t.navigationDescription,r=t.onSelectedCellClick,i=void 0===r?function(){}:r,s=D(t,R),u=e.useRandomId("eds-calendar"),c=l.useLocale().locale,f=d.useCalendarGrid(s,a),p=f.gridProps,b=f.headerProps,v=f.weekDays,g=o.getWeeksInMonth(a.visibleRange.start,c),k=Array.from(Array(g).keys());return h.default.createElement(h.default.Fragment,null,h.default.createElement("table",y({},p,{cellSpacing:"0",className:"eds-datepicker__calendar__grid"}),h.default.createElement("thead",y({},b),h.default.createElement("tr",null,function(){if(c.toLowerCase().includes("no"))return["ma","ti","on","to","fr","lø","sø"];if(c.toLowerCase().includes("en")){if("M"===v[0])return["Mo","Tu","We","Th","Fr","Sa","Su"];if("S"===v[0])return["Su","Mo","Tu","We","Th","Fr","Sa"]}return v.map((function(e){return e.toLowerCase()}))}().map((function(e,t){return h.default.createElement("th",{key:t},e)})))),h.default.createElement("tbody",null,k.map((function(e){return h.default.createElement("tr",{key:e},a.getDatesInWeek(e).map((function(e,t){return e?h.default.createElement(L,{key:t,state:a,date:e,"aria-describedby":u+"description",onSelectedCellClick:i}):h.default.createElement("td",{key:t})})))})))),h.default.createElement(m.VisuallyHidden,{id:u+"description"},n||(c.toLowerCase().includes("en")?"Use the arrow keys to navigate between dates":"Bruk piltastene til å navigere mellom datoer")))},V=["selectedDate","onChange","locale","style","children","navigationDescription","onSelectedCellClick"],M=h.default.forwardRef((function(t,a){var n=t.onChange,r=t.locale,i=t.style,o=t.navigationDescription,c=t.onSelectedCellClick,f=void 0===c?function(){}:c,m=D(t,V),p=l.useLocale().locale,b=s.useCalendarState(y({},m,{onChange:n,locale:null!=r?r:p,createCalendar:I})),v=d.useCalendar(m,b),g=v.prevButtonProps,k=v.nextButtonProps,C=v.title;return h.default.createElement(e.ConditionalWrapper,{condition:r,wrapper:function(e){return h.default.createElement(l.I18nProvider,{locale:r},e)}},h.default.createElement("div",y({},v.calendarProps,{ref:a,className:"eds-datepicker__calendar",style:i}),h.default.createElement("div",{className:"eds-datepicker__calendar__header"},h.default.createElement(A,y({},g,{"aria-label":S("Forrige måned",p,g)}),h.default.createElement(u.LeftArrowIcon,{size:20})),h.default.createElement("h2",null,C),h.default.createElement(A,y({},k,{"aria-label":S("Neste måned",p,k)}),h.default.createElement(u.RightArrowIcon,{size:20}))),h.default.createElement(O,{state:b,navigationDescription:o,onSelectedCellClick:f})))})),q=["selectedDate","onChange","locale","disabled","showTime","showTimeZone","className","style","variant","feedback","validationVariant","validationFeedback","disableModal","labelTooltip","navigationDescription","minDate","maxDate","modalTreshold"],B=["className","style","label","onChange","feedback","variant","disableLabelAnimation","prepend"],Z=["onChange","variant","value"],W=h.default.forwardRef((function(t,a){var n=t.className,l=t.style,r=t.label,o=t.onChange,d=t.feedback,s=t.variant,c=t.disableLabelAnimation,f=t.prepend,m=void 0===f?h.default.createElement(u.DateIcon,{inline:!0}):f,p=D(t,B),b=e.useRandomId("eds-nativetimepicker");return h.default.createElement(i.BaseFormControl,{style:l,className:n,prepend:m,label:r,feedback:d,variant:s,labelId:b,disableLabelAnimation:c,isFilled:!0},h.default.createElement(U,y({onChange:o,"aria-labelledby":b,ref:a,variant:s},p)))})),U=h.default.forwardRef((function(t,a){var n=t.onChange,l=t.variant,r=t.value,o=D(t,Z),d=i.useVariant(),s=l||d,u=i.useInputGroupContext(),c=u.isFilled,f=u.setFilled;return e.useOnMount((function(){f&&!c&&f(!0)})),h.default.useEffect((function(){r?f&&!c&&f(!0):f&&c&&f(!1)}),[r,f,c]),h.default.createElement("input",y({ref:a,"aria-invalid":"error"===s,type:"date",className:"eds-form-control eds-native-date-picker",onChange:function(e){i.isFilled(e.target)?f&&!c&&f(!0):f&&c&&f(!1),n&&n(e)},value:r},o))})),j=function(e){var t=e.direction,a=e.onClick,n=e.disabled,l=e["aria-label"];return h.default.createElement(f.IconButton,{className:C.default("eds-timepicker__arrowbutton","eds-timepicker__arrowbutton--"+t,{"eds-timepicker__arrowbutton--disabled":n}),type:"button",tabIndex:-1,onClick:a,"aria-label":l,disabled:n},h.default.createElement("left"===t?u.LeftArrowIcon:u.RightArrowIcon,null))},z=["selectedTime","onChange","disabled","className","style","label","labelTooltip","feedback","variant","locale","showTimeZone","minuteIncrementForArrowButtons","leftArrowButtonAriaLabel","rightArrowButtonAriaLabel","inputRef"],K=["className","style","onChange","label","feedback","variant","prepend"],H=["onChange","value"],G=h.default.forwardRef((function(t,a){var n=t.className,l=t.style,r=t.onChange,o=t.label,d=t.feedback,s=t.variant,u=t.prepend,c=D(t,K),f=e.useRandomId("eds-native-timepicker");return h.default.createElement(i.BaseFormControl,{style:l,className:C.default(n,"eds-native-timepicker"),prepend:u,label:o,feedback:d,variant:s,labelId:f,disableLabelAnimation:!0},h.default.createElement(Y,y({onChange:r,"aria-labelledby":f,ref:a},c)))})),Y=h.default.forwardRef((function(t,a){var n=t.onChange,l=t.value,r=D(t,H),o=i.useVariant(),d=r.variant||o,s=i.useInputGroupContext(),u=s.isFilled,c=s.setFilled;return e.useOnMount((function(){c&&!u&&c(!0)})),h.default.useEffect((function(){l?c&&!u&&c(!0):c&&u&&c(!1)}),[l,c,u]),h.default.createElement("input",y({ref:a,"aria-invalid":"error"===d,type:"time",className:"eds-form-control",onChange:function(e){i.isFilled(e.target)?c&&!u&&c(!0):c&&u&&c(!1),n&&n(e)},value:l},r))})),$=["className","disabled","feedback","showClockIcon","inputRef","label","labelTooltip","onChange","padding","readOnly","selectedTime","showSeconds","style","variant"],J=["onBlur","onClick","onDragStart","onFocus","onKeyDown","onKeyUp","onMouseDown","onPointerDown","onPointerUp"];!function(e){e[e.RESET_TIME=0]="RESET_TIME",e[e.INVALID=1]="INVALID"}(_||(_={})),e.warnAboutMissingStyles("datepicker","form","icons"),exports.Calendar=M,exports.DateField=P,exports.DatePicker=function(r){var i=r.selectedDate,o=r.onChange,d=r.locale,s=r.disabled,c=r.showTime,f=r.showTimeZone,m=void 0!==f&&f,b=r.className,k=r.variant,_=r.feedback,w=r.validationVariant,T=r.validationFeedback,I=r.disableModal,S=void 0!==I&&I,N=r.labelTooltip,x=r.navigationDescription,F=r.minDate,L=r.maxDate,R=r.modalTreshold,O=void 0===R?1e3:R,V=D(r,q),B=O,Z=t.useRef(null),W=t.useRef(null),U=t.useRef(null),j=e.useWindowDimensions().width,z=a.useDatePickerState(y({},V,{minValue:F,maxValue:L,value:null===i?void 0:i,onChange:o,granularity:c?"minute":V.granularity})),K=n.useDatePicker(y({isDisabled:s,minValue:F,maxValue:L},V),z,Z),H=K.groupProps,G=K.labelProps,Y=K.fieldProps,$=K.buttonProps,J=K.dialogProps,Q=K.calendarProps,X=p.useFloating({whileElementsMounted:p.autoUpdate,placement:"bottom-start",middleware:[p.offset(v.space.extraSmall),p.flip(),p.shift({padding:v.space.extraSmall})]}),ee=X.x,te=X.y,ae=X.reference,ne=X.floating,le=X.strategy;e.useOnClickOutside([W],(function(){z.setOpen(!1)})),e.useOnEscape(W,(function(){z.setOpen(!1)}));var re=y({},J,Q,{disabled:Q.isDisabled,navigationDescription:x,onSelectedCellClick:function(){return z.setOpen(!1)},onChange:function(e){requestAnimationFrame((function(){Q.onChange&&Q.onChange(e)}))},granularity:c?"minute":V.granularity}),ie=j<=B&&!S,oe=h.default.createElement("div",{style:{position:le,top:null!=te?te:0,left:null!=ee?ee:0,zIndex:v.zIndexes.popover},ref:function(e){ne(e)}},h.default.createElement(E.default,{disabled:!z.isOpen||ie,returnFocus:!0},z.isOpen&&h.default.createElement(M,y({},re,{ref:W})))),de=h.default.createElement(g.Modal,{size:"small",title:"",open:z.isOpen,onDismiss:function(){return z.setOpen(!1)},closeOnClickOutside:!0,className:"eds-datepicker__calendar-modal"},h.default.createElement(M,y({},re)));return h.default.createElement(e.ConditionalWrapper,{condition:void 0!==d,wrapper:function(e){return h.default.createElement(l.I18nProvider,{locale:d},e)}},h.default.createElement("div",{className:C.default("eds-datepicker",b)},h.default.createElement("div",y({},H,{ref:function(e){Z.current=e,ae(e)},id:void 0,className:"eds-datepicker__datefield__wrapper"}),h.default.createElement(P,y({},Y,{selectedDate:z.value,label:V.label,labelProps:G,showTime:c,showTimeZone:m,ref:U,variant:k,feedback:_,validationVariant:w,validationFeedback:T,labelTooltip:N,className:C.default("eds-datepicker__datefield",{"eds-datepicker__datefield--disabled":Y.isDisabled})})),!Y.isDisabled&&h.default.createElement(A,y({},$,{onPress:function(){return z.setOpen(!z.isOpen)},className:"eds-datepicker__open-calendar-button"}),h.default.createElement(u.CalendarIcon,null)),ie?de:oe)))},exports.NativeDatePicker=W,exports.NativeTimePicker=G,exports.SimpleTimePicker=function(r){var d=r.disabled,s=r.feedback,c=r.showClockIcon,f=void 0!==c&&c,m=r.inputRef,p=r.label,b=r.labelTooltip,v=r.onChange,g=r.padding,k=void 0===g?"default":g,E=r.readOnly,w=r.selectedTime,T=r.showSeconds,I=r.style,S=r.variant,N=D(r,$),P=t.useState(""),x=P[0],A=P[1],F=t.useRef(null),L=t.useState(null),R=L[0],O=L[1],V=l.useLocale().locale,M=a.useTimeFieldState(y({onChange:v,label:p,locale:V,value:null===w?void 0:w,hideTimeZone:!0,isDisabled:d,isReadOnly:E},N)),q=n.useTimeField(y({},N,{label:p}),M,F),B=q.labelProps,Z=q.fieldProps;t.useEffect((function(){W(),null!==w&&O(w)}),[null==w?void 0:w.toString()]);var W=function(){var e=U(w);A(e);var t=document.activeElement===(null==F?void 0:F.current);""!==e||t||j()},U=function(e){if(null===e)return"";var t="day"in e?o.toTime(e):e;return T?t.toString().slice(0,8):t.toString().slice(0,5)},j=function(){A(T?"–– : –– : ––":"–– : ––")},z=function(){var e=K();if(e===_.INVALID)return W();(null==e?void 0:e.toString())!==(null==w?void 0:w.toString())&&(null==v||v(e))},K=function(){var e=H(x),t=G(e);return t===_.INVALID?_.INVALID:t===_.RESET_TIME?null:Y(t)},H=function(e){if(0===e.length)return _.RESET_TIME;if(e.length<3||e.length>8)return _.INVALID;var t=(e.match(new RegExp(":","g"))||[]).length,a=e.length;if(2===t&&a>=7)return e.padStart(8,"0");if(1===t)return e.padStart(5,"0");if(a>6)return _.INVALID;var n,l=a%2==0,r=e.slice(0,l?2:1),i=l?e.slice(2,4):e.slice(1,3),o=""===(n=l?e.slice(4,6):e.slice(3,5))?"00":n;return r.padStart(2,"0")+":"+i+(T?":"+o:"")},G=function(e){if(e===_.INVALID)return _.INVALID;if(e===_.RESET_TIME)return _.RESET_TIME;var t=/^\d+$/,a=e.slice(0,2),n=e.slice(3,5),l=e.slice(6,8);if(a.match(t)&&n.match(t)&&(""===l||l.match(t)))try{return o.parseTime(e)}catch(e){return _.INVALID}return _.INVALID},Y=function(e){return(null!=R?R:new o.Time).set({hour:e.hour,minute:e.minute,second:e.second})},Q=D(Z,J);return h.default.createElement(l.I18nProvider,{locale:V},h.default.createElement(i.TextField,y({append:f?h.default.createElement(u.ClockIcon,{inline:!0,onClick:function(){var e;return null==F||null==(e=F.current)?void 0:e.focus()}}):void 0,className:C.default("eds-simple-timepicker",{"eds-simple-timepicker--padding-large":"large"===k,"eds-simple-timepicker--show-seconds":T}),disabled:d,disableLabelAnimation:!0,feedback:s,label:p,labelProps:B,labelTooltip:b,onBlur:function(){z(),null===w&&j()},onChange:function(e){return A(e.target.value)},onFocus:function(){null===w&&A("")},onKeyDown:function(e){"Enter"===e.key&&z()},placeholder:T?"–– : –– : ––":"–– : ––",readOnly:E,ref:e.mergeRefs(F,m),style:I,value:x,variant:S},Q)))},exports.TimePicker=function(r){var d=r.selectedTime,s=r.onChange,u=r.disabled,c=r.className,f=r.style,m=r.label,p=r.labelTooltip,b=r.feedback,v=r.variant,g=r.locale,k=r.showTimeZone,E=r.minuteIncrementForArrowButtons,_=void 0===E?30:E,T=r.leftArrowButtonAriaLabel,I=void 0===T?"Trekk fra "+_+" minutter":T,S=r.rightArrowButtonAriaLabel,N=void 0===S?"Legg til "+_+" minutter":S,P=r.inputRef,x=D(r,z),A=l.useLocale().locale;g&&(A=g);var F=a.useTimeFieldState(y({onChange:s,label:m,locale:A,value:null===d?void 0:d,hideTimeZone:!k,isDisabled:u},x)),L=t.useRef(null),R=n.useTimeField(y({},x,{label:m}),F,L),O=R.labelProps,V=R.fieldProps,M=e.useRandomId("timepicker"),q=function(e){B?Z():W(e)},B=F.segments.some((function(e){return"––"===e.text})),Z=function(){var e=o.now(o.getLocalTimeZone()),t=Math.floor(e.minute/_)*_,a=e.set({minute:t});s(a)},W=function(e){var t;F.value&&F.setValue(null==(t=F.value)?void 0:t.add({minutes:e}))};return h.default.createElement(l.I18nProvider,{locale:A},h.default.createElement("div",{className:C.default(c,"eds-timepicker__wrapper")},h.default.createElement(j,{direction:"left",disabled:u,"aria-label":I,onClick:function(){return q(-1*_)}}),h.default.createElement(i.BaseFormControl,y({style:f,className:"eds-timepicker",labelId:M,label:m,labelProps:y({},O),ref:e.mergeRefs(L,P),disabled:u,disableLabelAnimation:!0,labelTooltip:p},V,{variant:v,feedback:b}),F.segments.map((function(e,t){return h.default.createElement(w,{segment:e,state:F,key:t})}))),h.default.createElement(j,{direction:"right",disabled:u,"aria-label":N,onClick:function(){return q(_)}})))},exports.ariaLabelIfNorwegian=S,exports.createCalendar=I,exports.nativeDateToDateValue=function(e,t,a,n){return void 0===t&&(t=!1),t?new o.CalendarDate(e.getFullYear(),e.getMonth()+1,e.getDate()):T(e,a,n)},exports.nativeDateToTimeValue=function(e,t,a,n){return void 0===t&&(t=!1),t?new o.Time(e.getHours(),e.getMinutes(),e.getSeconds(),0):T(e,a,n)},exports.timeOrDateValueToNativeDate=function(e,t){if(!e.day){var a=new Date;return a.setHours(e.hour),a.setMinutes(e.minute),a.setSeconds(e.second),a}return e.hour?e.timeZone?e.toDate():t?e.toDate(t):new Date(e.year,e.month-1,e.day,e.hour,e.minute,e.second):e.toDate(null!=t?t:o.getLocalTimeZone())};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@entur/utils"),t=require("react"),a=require("@react-stately/datepicker"),n=require("@react-aria/datepicker"),l=require("@react-aria/i18n"),r=require("classnames"),i=require("@entur/form"),o=require("@internationalized/date"),d=require("@react-aria/calendar"),s=require("@react-stately/calendar"),u=require("@entur/icons"),c=require("@react-aria/button"),f=require("@entur/button"),m=require("@entur/a11y"),p=require("@floating-ui/react-dom"),b=require("react-focus-lock"),v=require("@entur/tokens"),g=require("@entur/modal");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=k(t),C=k(r),E=k(b);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},y.apply(this,arguments)}function D(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n<r.length;n++)t.indexOf(a=r[n])>=0||(l[a]=e[a]);return l}var _,w=function(e){var a=e.segment,l=e.state,r=t.useRef(null),i=n.useDateSegment(a,l,r).segmentProps,o=l.segments.some((function(e){return"AM"===e.text||"PM"===e.text}));return h.default.createElement("div",y({},i,{ref:r,className:C.default("eds-date-and-time-field__segment",{"eds-date-and-time-field__segment--placeholder":a.isPlaceholder,"eds-date-and-time-field__segment--dot-separator":"."===a.text}),tabIndex:l.isDisabled?-1:i.tabIndex}),o?a.text:a.text.match(/\d+/)?a.text.padStart(2,"0"):a.text)},T=function(e,t,a){return t?a?new o.ZonedDateTime(e.getFullYear(),e.getMonth()+1,e.getDate(),t,a,e.getHours(),e.getMinutes(),e.getSeconds()):o.parseAbsolute(e.toISOString(),t):new o.CalendarDateTime(e.getFullYear(),e.getMonth()+1,e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds())},I=function(e){if(void 0===e&&(e="gregory"),"gregory"===e)return new o.GregorianCalendar;throw new Error("Unsupported calendar "+e)},S=function(e,t,a){return"no-no"!==t.toLowerCase()?a["aria-label"]:e},N=["selectedDate","label","locale","showTimeZone","showTime","granularity","disabled","variant","feedback","validationVariant","validationFeedback","labelTooltip","minDate","maxDate","style","className","labelProps","append"],P=h.default.forwardRef((function(r,o){var d=r.selectedDate,s=r.label,u=r.locale,c=r.showTimeZone,f=r.showTime,m=r.granularity,p=void 0===m?"day":m,b=r.disabled,v=r.variant,g=r.feedback,k=r.validationVariant,E=void 0===k?"error":k,_=r.validationFeedback,T=void 0===_?"Ugyldig dato":_,S=r.labelTooltip,P=r.minDate,x=r.maxDate,A=r.style,F=r.className,L=r.labelProps,R=r.append,O=D(r,N),V=l.useLocale(),M=a.useDateFieldState(y({},O,{locale:null!=u?u:V.locale,createCalendar:I,value:null===d?void 0:d,hideTimeZone:!c,granularity:f?"minute":p,minValue:P,maxValue:x})),q=t.useRef(null),B=n.useDateField(y({},O,{label:s,isDisabled:b||O.isDisabled}),M,q),Z=B.labelProps,W=B.fieldProps,U=e.useRandomId("datefield");return h.default.createElement(e.ConditionalWrapper,{condition:void 0!==u,wrapper:function(e){return h.default.createElement(l.I18nProvider,{locale:u},e)}},h.default.createElement(i.BaseFormControl,y({style:A,className:C.default("eds-datefield",F),labelId:U,ref:e.mergeRefs(q,o),disabled:M.isDisabled,disableLabelAnimation:!0,label:s,labelTooltip:S,labelProps:null!=L?L:Z},W,{variant:(null!=v?v:"invalid"===M.validationState)?E:void 0,feedback:(null!=g?g:"invalid"===M.validationState)?T:void 0,append:R,ariaAlertOnFeedback:!0}),M.segments.map((function(e,t){return h.default.createElement(w,{segment:e,state:M,key:t})}))))})),x=["children","className","style"],A=function(e){var a=e.children,n=e.className,l=e.style,r=D(e,x),i=t.useRef(null),o=c.useButton(r,i);return h.default.createElement(f.IconButton,y({},o.buttonProps,{ref:i,className:n,style:l}),a)},F=["state","date","onSelectedCellClick"],L=function(e){var a,n=e.state,l=e.date,r=e.onSelectedCellClick,i=void 0===r?function(){}:r,s=D(e,F),u=t.useRef(null),c=d.useCalendarCell({date:l},n,u),f=c.buttonProps,m=c.isSelected,p=c.isOutsideVisibleRange,b=c.isDisabled,v=c.isUnavailable,g=c.formattedDate;return h.default.createElement("td",y({},c.cellProps,{className:"eds-datepicker__calendar__grid__cell__td"}),h.default.createElement("div",y({},f,{ref:u,hidden:p,className:C.default("eds-datepicker__calendar__grid__cell",{"eds-datepicker__calendar__grid__cell--selected":m,"eds-datepicker__calendar__grid__cell--disabled":b||v,"eds-datepicker__calendar__grid__cell--outside-month":p,"eds-datepicker__calendar__grid__cell--today":o.isEqualDay(l,o.now(null!=(a=n.timeZone)?a:o.getLocalTimeZone()))})},s,{onClick:function(e){f.onClick&&f.onClick(e),m&&i()},onKeyDown:function(e){f.onKeyDown&&f.onKeyDown(e),"Enter"!==e.key&&" "!==e.key||m&&i()}}),g))},R=["state","navigationDescription","onSelectedCellClick"],O=function(t){var a=t.state,n=t.navigationDescription,r=t.onSelectedCellClick,i=void 0===r?function(){}:r,s=D(t,R),u=e.useRandomId("eds-calendar"),c=l.useLocale().locale,f=d.useCalendarGrid(s,a),p=f.gridProps,b=f.headerProps,v=f.weekDays,g=o.getWeeksInMonth(a.visibleRange.start,c),k=Array.from(Array(g).keys());return h.default.createElement(h.default.Fragment,null,h.default.createElement("table",y({},p,{cellSpacing:"0",className:"eds-datepicker__calendar__grid"}),h.default.createElement("thead",y({},b),h.default.createElement("tr",null,function(){if(c.toLowerCase().includes("no"))return["ma","ti","on","to","fr","lø","sø"];if(c.toLowerCase().includes("en")){if("M"===v[0])return["Mo","Tu","We","Th","Fr","Sa","Su"];if("S"===v[0])return["Su","Mo","Tu","We","Th","Fr","Sa"]}return v.map((function(e){return e.toLowerCase()}))}().map((function(e,t){return h.default.createElement("th",{key:t},e)})))),h.default.createElement("tbody",null,k.map((function(e){return h.default.createElement("tr",{key:e},a.getDatesInWeek(e).map((function(e,t){return e?h.default.createElement(L,{key:t,state:a,date:e,"aria-describedby":u+"description",onSelectedCellClick:i}):h.default.createElement("td",{key:t})})))})))),h.default.createElement(m.VisuallyHidden,{id:u+"description"},n||(c.toLowerCase().includes("en")?"Use the arrow keys to navigate between dates":"Bruk piltastene til å navigere mellom datoer")))},V=["selectedDate","onChange","locale","style","children","navigationDescription","onSelectedCellClick"],M=h.default.forwardRef((function(t,a){var n=t.onChange,r=t.locale,i=t.style,o=t.navigationDescription,c=t.onSelectedCellClick,f=void 0===c?function(){}:c,m=D(t,V),p=l.useLocale().locale,b=s.useCalendarState(y({},m,{onChange:n,locale:null!=r?r:p,createCalendar:I})),v=d.useCalendar(m,b),g=v.prevButtonProps,k=v.nextButtonProps,C=v.title;return h.default.createElement(e.ConditionalWrapper,{condition:r,wrapper:function(e){return h.default.createElement(l.I18nProvider,{locale:r},e)}},h.default.createElement("div",y({},v.calendarProps,{ref:a,className:"eds-datepicker__calendar",style:i}),h.default.createElement("div",{className:"eds-datepicker__calendar__header"},h.default.createElement(A,y({},g,{"aria-label":S("Forrige måned",p,g)}),h.default.createElement(u.LeftArrowIcon,{size:20})),h.default.createElement("h2",null,C),h.default.createElement(A,y({},k,{"aria-label":S("Neste måned",p,k)}),h.default.createElement(u.RightArrowIcon,{size:20}))),h.default.createElement(O,{state:b,navigationDescription:o,onSelectedCellClick:f})))})),q=["selectedDate","onChange","locale","disabled","showTime","showTimeZone","className","style","variant","feedback","validationVariant","validationFeedback","disableModal","labelTooltip","navigationDescription","minDate","maxDate","modalTreshold"],B=["className","style","label","onChange","feedback","variant","disableLabelAnimation","prepend"],Z=["onChange","variant","value"],W=h.default.forwardRef((function(t,a){var n=t.className,l=t.style,r=t.label,o=t.onChange,d=t.feedback,s=t.variant,c=t.disableLabelAnimation,f=t.prepend,m=void 0===f?h.default.createElement(u.DateIcon,{inline:!0}):f,p=D(t,B),b=e.useRandomId("eds-nativetimepicker");return h.default.createElement(i.BaseFormControl,{style:l,className:n,prepend:m,label:r,feedback:d,variant:s,labelId:b,disableLabelAnimation:c,isFilled:!0},h.default.createElement(U,y({onChange:o,"aria-labelledby":b,ref:a,variant:s},p)))})),U=h.default.forwardRef((function(t,a){var n=t.onChange,l=t.variant,r=t.value,o=D(t,Z),d=i.useVariant(),s=l||d,u=i.useInputGroupContext(),c=u.isFilled,f=u.setFilled;return e.useOnMount((function(){f&&!c&&f(!0)})),h.default.useEffect((function(){r?f&&!c&&f(!0):f&&c&&f(!1)}),[r,f,c]),h.default.createElement("input",y({ref:a,"aria-invalid":"error"===s,type:"date",className:"eds-form-control eds-native-date-picker",onChange:function(e){i.isFilled(e.target)?f&&!c&&f(!0):f&&c&&f(!1),n&&n(e)},value:r},o))})),j=function(e){var t=e.direction,a=e.onClick,n=e.disabled,l=e["aria-label"];return h.default.createElement(f.IconButton,{className:C.default("eds-timepicker__arrowbutton","eds-timepicker__arrowbutton--"+t,{"eds-timepicker__arrowbutton--disabled":n}),type:"button",tabIndex:-1,onClick:a,"aria-label":l,disabled:n},h.default.createElement("left"===t?u.LeftArrowIcon:u.RightArrowIcon,null))},z=["selectedTime","onChange","disabled","className","style","label","labelTooltip","feedback","variant","locale","showTimeZone","minuteIncrementForArrowButtons","leftArrowButtonAriaLabel","rightArrowButtonAriaLabel","inputRef"],K=["className","style","onChange","label","feedback","variant","prepend"],H=["onChange","value"],G=h.default.forwardRef((function(t,a){var n=t.className,l=t.style,r=t.onChange,o=t.label,d=t.feedback,s=t.variant,u=t.prepend,c=D(t,K),f=e.useRandomId("eds-native-timepicker");return h.default.createElement(i.BaseFormControl,{style:l,className:C.default(n,"eds-native-timepicker"),prepend:u,label:o,feedback:d,variant:s,labelId:f,disableLabelAnimation:!0},h.default.createElement(Y,y({onChange:r,"aria-labelledby":f,ref:a},c)))})),Y=h.default.forwardRef((function(t,a){var n=t.onChange,l=t.value,r=D(t,H),o=i.useVariant(),d=r.variant||o,s=i.useInputGroupContext(),u=s.isFilled,c=s.setFilled;return e.useOnMount((function(){c&&!u&&c(!0)})),h.default.useEffect((function(){l?c&&!u&&c(!0):c&&u&&c(!1)}),[l,c,u]),h.default.createElement("input",y({ref:a,"aria-invalid":"error"===d,type:"time",className:"eds-form-control",onChange:function(e){i.isFilled(e.target)?c&&!u&&c(!0):c&&u&&c(!1),n&&n(e)},value:l},r))})),$=["append","className","disabled","feedback","showClockIcon","inputRef","label","labelTooltip","onChange","padding","prepend","readOnly","selectedTime","showSeconds","style","variant"],J=["onBlur","onClick","onDragStart","onFocus","onKeyDown","onKeyUp","onMouseDown","onPointerDown","onPointerUp"];!function(e){e[e.RESET_TIME=0]="RESET_TIME",e[e.INVALID=1]="INVALID"}(_||(_={})),e.warnAboutMissingStyles("datepicker","form","icons"),exports.Calendar=M,exports.DateField=P,exports.DatePicker=function(r){var i=r.selectedDate,o=r.onChange,d=r.locale,s=r.disabled,c=r.showTime,f=r.showTimeZone,m=void 0!==f&&f,b=r.className,k=r.variant,_=r.feedback,w=r.validationVariant,T=r.validationFeedback,I=r.disableModal,S=void 0!==I&&I,N=r.labelTooltip,x=r.navigationDescription,F=r.minDate,L=r.maxDate,R=r.modalTreshold,O=void 0===R?1e3:R,V=D(r,q),B=O,Z=t.useRef(null),W=t.useRef(null),U=t.useRef(null),j=e.useWindowDimensions().width,z=a.useDatePickerState(y({},V,{minValue:F,maxValue:L,value:null===i?void 0:i,onChange:o,granularity:c?"minute":V.granularity})),K=n.useDatePicker(y({isDisabled:s,minValue:F,maxValue:L},V),z,Z),H=K.groupProps,G=K.labelProps,Y=K.fieldProps,$=K.buttonProps,J=K.dialogProps,Q=K.calendarProps,X=p.useFloating({whileElementsMounted:p.autoUpdate,placement:"bottom-start",middleware:[p.offset(v.space.extraSmall),p.flip(),p.shift({padding:v.space.extraSmall})]}),ee=X.x,te=X.y,ae=X.reference,ne=X.floating,le=X.strategy;e.useOnClickOutside([W],(function(){z.setOpen(!1)})),e.useOnEscape(W,(function(){z.setOpen(!1)}));var re=y({},J,Q,{disabled:Q.isDisabled,navigationDescription:x,onSelectedCellClick:function(){return z.setOpen(!1)},onChange:function(e){requestAnimationFrame((function(){Q.onChange&&Q.onChange(e)}))},granularity:c?"minute":V.granularity}),ie=j<=B&&!S,oe=h.default.createElement("div",{style:{position:le,top:null!=te?te:0,left:null!=ee?ee:0,zIndex:v.zIndexes.popover},ref:function(e){ne(e)}},h.default.createElement(E.default,{disabled:!z.isOpen||ie,returnFocus:!0},z.isOpen&&h.default.createElement(M,y({},re,{ref:W})))),de=h.default.createElement(g.Modal,{size:"small",title:"",open:z.isOpen,onDismiss:function(){return z.setOpen(!1)},closeOnClickOutside:!0,className:"eds-datepicker__calendar-modal"},h.default.createElement(M,y({},re)));return h.default.createElement(e.ConditionalWrapper,{condition:void 0!==d,wrapper:function(e){return h.default.createElement(l.I18nProvider,{locale:d},e)}},h.default.createElement("div",{className:C.default("eds-datepicker",b)},h.default.createElement("div",y({},H,{ref:function(e){Z.current=e,ae(e)},id:void 0,className:"eds-datepicker__datefield__wrapper"}),h.default.createElement(P,y({},Y,{selectedDate:z.value,label:V.label,labelProps:G,showTime:c,showTimeZone:m,ref:U,variant:k,feedback:_,validationVariant:w,validationFeedback:T,labelTooltip:N,className:C.default("eds-datepicker__datefield",{"eds-datepicker__datefield--disabled":Y.isDisabled})})),!Y.isDisabled&&h.default.createElement(A,y({},$,{onPress:function(){return z.setOpen(!z.isOpen)},className:"eds-datepicker__open-calendar-button"}),h.default.createElement(u.CalendarIcon,null)),ie?de:oe)))},exports.NativeDatePicker=W,exports.NativeTimePicker=G,exports.SimpleTimePicker=function(r){var d=r.append,s=r.disabled,c=r.feedback,f=r.showClockIcon,m=void 0===f?"right":f,p=r.inputRef,b=r.label,v=r.labelTooltip,g=r.onChange,k=r.padding,E=void 0===k?"default":k,w=r.prepend,T=r.readOnly,I=r.selectedTime,S=r.showSeconds,N=r.style,P=r.variant,x=D(r,$),A=t.useState(""),F=A[0],L=A[1],R=t.useRef(null),O=t.useState(null),V=O[0],M=O[1],q=l.useLocale().locale,B=a.useTimeFieldState(y({onChange:g,label:b,locale:q,value:null===I?void 0:I,hideTimeZone:!0,isDisabled:s,isReadOnly:T},x)),Z=n.useTimeField(y({},x,{label:b}),B,R),W=Z.labelProps,U=Z.fieldProps;t.useEffect((function(){j(),null!==I&&M(I)}),[null==I?void 0:I.toString()]);var j=function(){var e=z(I);L(e);var t=document.activeElement===(null==R?void 0:R.current);""!==e||t||K()},z=function(e){if(null===e)return"";var t="day"in e?o.toTime(e):e;return S?t.toString().slice(0,8):t.toString().slice(0,5)},K=function(){L(S?"–– : –– : ––":"–– : ––")},H=function(){var e=G();if(e===_.INVALID)return j();(null==e?void 0:e.toString())!==(null==I?void 0:I.toString())&&(null==g||g(e))},G=function(){var e=Y(F),t=Q(e);return t===_.INVALID?_.INVALID:t===_.RESET_TIME?null:X(t)},Y=function(e){if(0===e.length)return _.RESET_TIME;if(e.length<3||e.length>8)return _.INVALID;var t=(e.match(new RegExp(":","g"))||[]).length,a=e.length;if(2===t&&a>=7)return e.padStart(8,"0");if(1===t)return e.padStart(5,"0");if(a>6)return _.INVALID;var n,l=a%2==0,r=e.slice(0,l?2:1),i=l?e.slice(2,4):e.slice(1,3),o=""===(n=l?e.slice(4,6):e.slice(3,5))?"00":n;return r.padStart(2,"0")+":"+i+(S?":"+o:"")},Q=function(e){if(e===_.INVALID)return _.INVALID;if(e===_.RESET_TIME)return _.RESET_TIME;var t=/^\d+$/,a=e.slice(0,2),n=e.slice(3,5),l=e.slice(6,8);if(a.match(t)&&n.match(t)&&(""===l||l.match(t)))try{return o.parseTime(e)}catch(e){return _.INVALID}return _.INVALID},X=function(e){return(null!=V?V:new o.Time).set({hour:e.hour,minute:e.minute,second:e.second})},ee=D(U,J);return h.default.createElement(l.I18nProvider,{locale:q},h.default.createElement(i.TextField,y({append:d||(!0===m||"right"===m?h.default.createElement(u.ClockIcon,{onClick:function(){var e;return null==R||null==(e=R.current)?void 0:e.focus()}}):void 0),className:C.default("eds-simple-timepicker",{"eds-simple-timepicker--padding-large":"large"===E,"eds-simple-timepicker--show-seconds":S,"eds-simple-timepicker--hide-clock":!m}),disabled:s,disableLabelAnimation:!0,feedback:c,label:b,labelProps:W,labelTooltip:v,onBlur:function(){H(),null===I&&K()},onChange:function(e){return L(e.target.value)},onFocus:function(){null===I&&L("")},onKeyDown:function(e){"Enter"===e.key&&H()},placeholder:S?"–– : –– : ––":"–– : ––",prepend:w||("left"===m?h.default.createElement(u.ClockIcon,{onClick:function(){var e;return null==R||null==(e=R.current)?void 0:e.focus()}}):void 0),readOnly:T,ref:e.mergeRefs(R,p),style:N,value:F,variant:P},ee)))},exports.TimePicker=function(r){var d=r.selectedTime,s=r.onChange,u=r.disabled,c=r.className,f=r.style,m=r.label,p=r.labelTooltip,b=r.feedback,v=r.variant,g=r.locale,k=r.showTimeZone,E=r.minuteIncrementForArrowButtons,_=void 0===E?30:E,T=r.leftArrowButtonAriaLabel,I=void 0===T?"Trekk fra "+_+" minutter":T,S=r.rightArrowButtonAriaLabel,N=void 0===S?"Legg til "+_+" minutter":S,P=r.inputRef,x=D(r,z),A=l.useLocale().locale;g&&(A=g);var F=a.useTimeFieldState(y({onChange:s,label:m,locale:A,value:null===d?void 0:d,hideTimeZone:!k,isDisabled:u},x)),L=t.useRef(null),R=n.useTimeField(y({},x,{label:m}),F,L),O=R.labelProps,V=R.fieldProps,M=e.useRandomId("timepicker"),q=function(e){B?Z():W(e)},B=F.segments.some((function(e){return"––"===e.text})),Z=function(){var e=o.now(o.getLocalTimeZone()),t=Math.floor(e.minute/_)*_,a=e.set({minute:t});s(a)},W=function(e){var t;F.value&&F.setValue(null==(t=F.value)?void 0:t.add({minutes:e}))};return h.default.createElement(l.I18nProvider,{locale:A},h.default.createElement("div",{className:C.default(c,"eds-timepicker__wrapper")},h.default.createElement(j,{direction:"left",disabled:u,"aria-label":I,onClick:function(){return q(-1*_)}}),h.default.createElement(i.BaseFormControl,y({style:f,className:"eds-timepicker",labelId:M,label:m,labelProps:y({},O),ref:e.mergeRefs(L,P),disabled:u,disableLabelAnimation:!0,labelTooltip:p},V,{variant:v,feedback:b}),F.segments.map((function(e,t){return h.default.createElement(w,{segment:e,state:F,key:t})}))),h.default.createElement(j,{direction:"right",disabled:u,"aria-label":N,onClick:function(){return q(_)}})))},exports.ariaLabelIfNorwegian=S,exports.createCalendar=I,exports.nativeDateToDateValue=function(e,t,a,n){return void 0===t&&(t=!1),t?new o.CalendarDate(e.getFullYear(),e.getMonth()+1,e.getDate()):T(e,a,n)},exports.nativeDateToTimeValue=function(e,t,a,n){return void 0===t&&(t=!1),t?new o.Time(e.getHours(),e.getMinutes(),e.getSeconds(),0):T(e,a,n)},exports.timeOrDateValueToNativeDate=function(e,t){if(!e.day){var a=new Date;return a.setHours(e.hour),a.setMinutes(e.minute),a.setSeconds(e.second),a}return e.hour?e.timeZone?e.toDate():t?e.toDate(t):new Date(e.year,e.month-1,e.day,e.hour,e.minute,e.second):e.toDate(null!=t?t:o.getLocalTimeZone())};
2
2
  //# sourceMappingURL=datepicker.cjs.production.min.js.map
package/dist/datepicker.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/shared/FieldSegment.tsx","../src/TimePicker/SimpleTimePicker.tsx","../src/shared/utils.ts","../src/DatePicker/DateField.tsx","../src/shared/CalendarButton.tsx","../src/DatePicker/CalendarCell.tsx","../src/DatePicker/CalendarGrid.tsx","../src/DatePicker/Calendar.tsx","../src/DatePicker/NativeDatePicker.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/DatePicker.tsx","../src/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport { DateSegment, DateFieldState } from '@react-stately/datepicker';\n\nimport './FieldSegment.scss';\n\ntype TimeSegmentProps = {\n segment: DateSegment;\n state: DateFieldState;\n};\n\nexport const FieldSegment = ({ segment, state }: TimeSegmentProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const { segmentProps } = useDateSegment(segment, state, ref);\n\n const is12HourFormatted = state.segments.some(\n segment => segment.text === 'AM' || segment.text === 'PM',\n );\n\n const segmentDisplayText = () => {\n if (is12HourFormatted) return segment.text;\n // if number add '0' padding to start when one digit\n if (segment.text.match(/\\d+/)) return segment.text.padStart(2, '0');\n return segment.text;\n };\n\n return (\n <div\n {...segmentProps}\n ref={ref}\n className={classNames('eds-date-and-time-field__segment', {\n 'eds-date-and-time-field__segment--placeholder': segment.isPlaceholder,\n 'eds-date-and-time-field__segment--dot-separator': segment.text === '.',\n })}\n tabIndex={state.isDisabled ? -1 : segmentProps.tabIndex}\n >\n {segmentDisplayText()}\n </div>\n );\n};\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Time, parseTime, toTime } from '@internationalized/date';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport classNames from 'classnames';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { TextField, VariantType } from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { mergeRefs } from '@entur/utils';\n\nimport './SimpleTimePicker.scss';\n\nenum inputResult {\n RESET_TIME,\n INVALID,\n}\n\nexport type SimpleTimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange?: (\n value: MappedTimeValue<TimeType> | null,\n ) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;\n /** Label til TimePicker */\n label: string;\n /** Viser sekund i tillegg til time og minutt\n * @default false\n */\n showSeconds?: boolean;\n /** Viser et klokkeikonet for å klarere indikere at dette\n * er en tidsvelger\n * @default false\n */\n showClockIcon?: boolean;\n /** Velger hvor mye luft det skal være på sidene av klokkeslettet\n * @default 'default'\n */\n padding?: 'default' | 'large';\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n inputRef?: React.ForwardedRef<HTMLInputElement>;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n | 'locale'\n | 'isReadOnly'\n | 'isDisabled'\n | 'locale'\n>;\n\nexport const SimpleTimePicker = <TimeType extends TimeValue>({\n className,\n disabled,\n feedback,\n showClockIcon = false,\n inputRef,\n label,\n labelTooltip,\n onChange,\n padding = 'default',\n readOnly,\n selectedTime,\n showSeconds,\n style,\n variant,\n ...rest\n}: SimpleTimePickerProps<TimeType>) => {\n const [inputText, setInputText] = useState('');\n const timeFieldRef = useRef<HTMLInputElement>(null);\n const [lastValidSelectedTime, setLastValidSelectedTime] =\n useState<MappedTimeValue<TimeType> | null>(null);\n\n const { locale } = useLocale();\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime === null ? undefined : selectedTime,\n hideTimeZone: true,\n isDisabled: disabled,\n isReadOnly: readOnly,\n ...rest,\n });\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n\n useEffect(() => {\n updateInputWithSelectedTime();\n // @ts-expect-error TimeType and MappedTimeValue<TimeType> is actually the same\n if (selectedTime !== null) setLastValidSelectedTime(selectedTime);\n }, [selectedTime?.toString()]);\n\n const updateInputWithSelectedTime = () => {\n const selectedTimeString = getStringFromTimeValue(selectedTime);\n setInputText(selectedTimeString);\n\n const timeFieldIsFocused = document.activeElement === timeFieldRef?.current;\n if (selectedTimeString === '' && !timeFieldIsFocused)\n addPlaceholderToInput();\n };\n\n const getStringFromTimeValue = (timeValue: TimeValue | null) => {\n if (timeValue === null) return '';\n\n const timeObject = 'day' in timeValue ? toTime(timeValue) : timeValue;\n\n if (showSeconds) return timeObject.toString().slice(0, 8);\n\n return timeObject.toString().slice(0, 5);\n };\n\n const addPlaceholderToInput = () => {\n if (showSeconds) setInputText('–– : –– : ––');\n else setInputText('–– : ––');\n };\n\n const handleChangeTime = () => {\n const newTime = getValueForOnChangeFromInput();\n\n if (newTime === inputResult.INVALID) {\n return updateInputWithSelectedTime();\n }\n\n if (newTime?.toString() !== selectedTime?.toString()) onChange?.(newTime);\n };\n\n const getValueForOnChangeFromInput = () => {\n const formatedTimeString = formatTimeString(inputText);\n const newTimeObject = formatedTimeStringToTimeObject(formatedTimeString);\n\n if (newTimeObject === inputResult.INVALID) {\n return inputResult.INVALID;\n }\n if (newTimeObject === inputResult.RESET_TIME) {\n return null;\n }\n\n const updatedSelectedTime =\n getSelectedTimeWithTimeFromObject(newTimeObject);\n\n return updatedSelectedTime;\n };\n\n const formatTimeString = (timeString: string): string | inputResult => {\n if (timeString.length === 0) return inputResult.RESET_TIME;\n if (timeString.length < 3 || timeString.length > 8)\n return inputResult.INVALID;\n\n const numberOfColons = (timeString.match(new RegExp(':', 'g')) || [])\n .length;\n const stringLength = timeString.length;\n\n // targets 'd:dd:dd' and 'dd:dd:dd'\n if (numberOfColons === 2 && stringLength >= 7) {\n return timeString.padStart(8, '0');\n }\n\n // targets 'd:dd' and 'dd:dd'\n if (numberOfColons === 1) {\n return timeString.padStart(5, '0');\n }\n\n if (stringLength > 6) return inputResult.INVALID;\n\n const stringLengthIsEven = stringLength % 2 == 0;\n\n const hourString = stringLengthIsEven\n ? timeString.slice(0, 2)\n : timeString.slice(0, 1);\n const minuteString = stringLengthIsEven\n ? timeString.slice(2, 4)\n : timeString.slice(1, 3);\n const secondString = (() => {\n const stringSlice = stringLengthIsEven\n ? timeString.slice(4, 6)\n : timeString.slice(3, 5);\n if (stringSlice === '') return '00';\n return stringSlice;\n })();\n\n const timeStringWithColon =\n hourString.padStart(2, '0') +\n ':' +\n minuteString +\n (showSeconds ? ':' + secondString : '');\n\n return timeStringWithColon;\n };\n\n const formatedTimeStringToTimeObject = (\n formatedTimeString: string | inputResult,\n ): Time | inputResult => {\n if (formatedTimeString === inputResult.INVALID) return inputResult.INVALID;\n if (formatedTimeString === inputResult.RESET_TIME)\n return inputResult.RESET_TIME;\n\n const isNumberTest = /^\\d+$/;\n const hourString = formatedTimeString.slice(0, 2);\n const minuteString = formatedTimeString.slice(3, 5);\n const secondString = formatedTimeString.slice(6, 8);\n if (\n hourString.match(isNumberTest) &&\n minuteString.match(isNumberTest) &&\n (secondString === '' || secondString.match(isNumberTest))\n ) {\n try {\n const timeObject = parseTime(formatedTimeString);\n return timeObject;\n } catch (e) {\n return inputResult.INVALID;\n }\n }\n\n return inputResult.INVALID;\n };\n\n const getSelectedTimeWithTimeFromObject = (\n newTime: Time,\n ): MappedTimeValue<TimeType> => {\n const selectedTimeWithUpdateTime = (\n lastValidSelectedTime ?? new Time()\n ).set({\n hour: newTime.hour,\n minute: newTime.minute,\n second: newTime.second,\n }) as MappedTimeValue<TimeType>;\n\n return selectedTimeWithUpdateTime;\n };\n\n const {\n onBlur,\n onClick,\n onDragStart,\n onFocus,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onPointerDown,\n onPointerUp,\n ...usedFieldProps\n } = fieldProps;\n\n return (\n <I18nProvider locale={locale}>\n <TextField\n append={\n showClockIcon ? (\n <ClockIcon inline onClick={() => timeFieldRef?.current?.focus()} />\n ) : undefined\n }\n className={classNames('eds-simple-timepicker', {\n 'eds-simple-timepicker--padding-large': padding === 'large',\n 'eds-simple-timepicker--show-seconds': showSeconds,\n })}\n disabled={disabled}\n disableLabelAnimation\n feedback={feedback}\n label={label}\n labelProps={labelProps}\n labelTooltip={labelTooltip}\n onBlur={() => {\n handleChangeTime();\n if (selectedTime === null) {\n addPlaceholderToInput();\n }\n }}\n onChange={e => setInputText(e.target.value)}\n onFocus={() => {\n if (selectedTime === null) {\n setInputText('');\n }\n }}\n onKeyDown={({ key }) => {\n if (key === 'Enter') handleChangeTime();\n }}\n placeholder={showSeconds ? '–– : –– : ––' : '–– : ––'}\n readOnly={readOnly}\n ref={mergeRefs(timeFieldRef, inputRef)}\n style={style}\n value={inputText}\n variant={variant}\n {...usedFieldProps}\n />\n </I18nProvider>\n );\n};\n","import {\n ZonedDateTime,\n CalendarDateTime,\n Time,\n parseAbsolute,\n DateValue,\n getLocalTimeZone,\n CalendarDate,\n} from '@internationalized/date';\nimport { TimeValue } from '@react-types/datepicker';\nimport { Calendar, GregorianCalendar } from '@internationalized/date';\n\nconst nativeDateToDateTime = (\n date: Date,\n timeZone?: string,\n offset?: number,\n) => {\n if (timeZone) {\n if (offset) {\n return new ZonedDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n timeZone,\n offset,\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n }\n return parseAbsolute(date.toISOString(), timeZone);\n }\n return new CalendarDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n};\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt\n * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date\n */\nexport const nativeDateToDateValue = (\n date: Date,\n noTimeOnlyDate = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (noTimeOnlyDate)\n return new CalendarDate(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n );\n\n return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt\n * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date\n */\nexport const nativeDateToTimeValue = (\n date: Date,\n noDateOnlyTime = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (noDateOnlyTime)\n return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n\n return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt\n * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt\n * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime\n * @returns {Date} et Date-objekt med verdier fra time\n */\n// This function uses a lot of @ts-expect-error to make it work with all Date- and TimeValue types. Sorry ...\nexport const timeOrDateValueToNativeDate = (\n value: TimeValue | DateValue,\n timeZoneForCalendarDateTime?: string,\n): Date => {\n // @ts-expect-error .day does not exist on Time-object\n if (!value.day) {\n // type is Time\n const date = new Date();\n // @ts-expect-error hour does not exist on CalendarDate\n date.setHours(value.hour);\n // @ts-expect-error minute does not exist on CalendarDate\n date.setMinutes(value.minute);\n // @ts-expect-error second does not exist on CalendarDate\n date.setSeconds(value.second);\n return date;\n }\n\n // @ts-expect-error .day does not exist on Time-object\n if (!value.hour) {\n // type is CalendarDate\n // @ts-expect-error .toDate(timeZone) does not exist in type Time\n return value.toDate(timeZoneForCalendarDateTime ?? getLocalTimeZone());\n }\n\n // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime\n if (!value.timeZone) {\n // type is CalendarDateTime\n if (timeZoneForCalendarDateTime)\n // @ts-expect-error .toDate(timeZone) does not exist in type Time\n return value.toDate(timeZoneForCalendarDateTime);\n\n return new Date(\n // @ts-expect-error not in type Time\n value.year,\n // @ts-expect-error not in type Time\n value.month - 1,\n // @ts-expect-error not in type Time\n value.day,\n // @ts-expect-error not in type CalendarDate\n value.hour,\n // @ts-expect-error not in type CalendarDate\n value.minute,\n // @ts-expect-error not in type CalendarDate\n value.second,\n );\n }\n\n // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime\n return value.toDate();\n};\n\nexport const createCalendar = (identifier = 'gregory'): Calendar => {\n switch (identifier) {\n case 'gregory':\n return new GregorianCalendar();\n default:\n throw new Error(`Unsupported calendar ${identifier}`);\n }\n};\n\nexport const ariaLabelIfNorwegian = (\n norwegianAriaLabel: string,\n locale: string,\n propsCollection: any,\n) => {\n if (locale.toLowerCase() !== 'no-no') return propsCollection['aria-label'];\n return norwegianAriaLabel;\n};\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDateFieldState } from '@react-stately/datepicker';\nimport { useDateField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport classNames from 'classnames';\n\nimport type {\n SpectrumDateFieldProps,\n DateValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { ConditionalWrapper, mergeRefs, useRandomId } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { createCalendar } from '../shared/utils';\n\nimport './DateField.scss';\n\nexport type DateFieldProps = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedDate: DateValue | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: DateValue) => void;\n /** Label til TimePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */\n minDate?: DateValue;\n /** Seneste gyldige datovalg. (se minValue) */\n maxDate?: DateValue;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n} & Omit<\n SpectrumDateFieldProps<DateValue>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DateField = React.forwardRef<HTMLDivElement, DateFieldProps>(\n (\n {\n selectedDate: value,\n label,\n locale: customLocale,\n showTimeZone,\n showTime,\n granularity = 'day',\n disabled,\n variant,\n feedback,\n validationVariant = 'error',\n validationFeedback = 'Ugyldig dato',\n labelTooltip,\n minDate: minValue,\n maxDate: maxValue,\n style,\n className,\n labelProps: parentLabelProps,\n append,\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useDateFieldState({\n ...rest,\n locale: customLocale ?? locale,\n createCalendar,\n value: value === null ? undefined : value,\n hideTimeZone: !showTimeZone,\n granularity: showTime ? 'minute' : granularity,\n minValue,\n maxValue,\n });\n\n const dateFieldRef = useRef(null);\n const { labelProps, fieldProps } = useDateField(\n { ...rest, label: label, isDisabled: disabled || rest.isDisabled },\n state,\n dateFieldRef,\n );\n\n const id = useRandomId('datefield');\n\n return (\n <ConditionalWrapper\n condition={customLocale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <BaseFormControl\n style={style}\n className={classNames('eds-datefield', className)}\n labelId={id}\n ref={mergeRefs(dateFieldRef, ref)}\n disabled={state.isDisabled}\n disableLabelAnimation\n label={label}\n labelTooltip={labelTooltip}\n labelProps={parentLabelProps ?? labelProps}\n {...fieldProps}\n variant={\n variant ?? state.validationState === 'invalid'\n ? validationVariant\n : undefined\n }\n feedback={\n feedback ?? state.validationState === 'invalid'\n ? validationFeedback\n : undefined\n }\n append={append}\n ariaAlertOnFeedback\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n </ConditionalWrapper>\n );\n },\n);\n","import React, { useRef } from 'react';\n\nimport { useButton } from '@react-aria/button';\n\nimport { IconButton } from '@entur/button';\n\ntype CalendarButtonProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n};\n\nexport const CalendarButton = ({\n children,\n className,\n style,\n ...props\n}: CalendarButtonProps) => {\n const ref = useRef(null);\n const { buttonProps } = useButton(props, ref);\n\n return (\n <IconButton {...buttonProps} ref={ref} className={className} style={style}>\n {children}\n </IconButton>\n );\n};\n","import React, { useRef } from 'react';\n\nimport { useCalendarCell } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport {\n CalendarDate,\n getLocalTimeZone,\n isEqualDay,\n now,\n} from '@internationalized/date';\nimport classNames from 'classnames';\n\ntype CalendarCellProps = {\n state: CalendarState;\n date: CalendarDate;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarCell = ({\n state,\n date,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarCellProps) => {\n const cellRef = useRef(null);\n\n const {\n cellProps,\n buttonProps,\n isSelected,\n isOutsideVisibleRange,\n isDisabled,\n isUnavailable,\n formattedDate,\n } = useCalendarCell({ date }, state, cellRef);\n return (\n <td {...cellProps} className=\"eds-datepicker__calendar__grid__cell__td\">\n <div\n {...buttonProps}\n ref={cellRef}\n hidden={isOutsideVisibleRange}\n className={classNames('eds-datepicker__calendar__grid__cell', {\n 'eds-datepicker__calendar__grid__cell--selected': isSelected,\n 'eds-datepicker__calendar__grid__cell--disabled':\n isDisabled || isUnavailable,\n 'eds-datepicker__calendar__grid__cell--outside-month':\n isOutsideVisibleRange,\n 'eds-datepicker__calendar__grid__cell--today': isEqualDay(\n date,\n now(state.timeZone ?? getLocalTimeZone()),\n ),\n })}\n {...rest}\n onClick={e => {\n buttonProps.onClick && buttonProps.onClick(e);\n isSelected && onSelectedCellClick();\n }}\n onKeyDown={e => {\n buttonProps.onKeyDown && buttonProps.onKeyDown(e);\n if (e.key === 'Enter' || e.key === ' ')\n isSelected && onSelectedCellClick();\n }}\n >\n {formattedDate}\n </div>\n </td>\n );\n};\n","import React from 'react';\n\nimport { useLocale } from '@react-aria/i18n';\nimport { useCalendarGrid } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport { getWeeksInMonth } from '@internationalized/date';\n\nimport { useRandomId } from '@entur/utils';\nimport { VisuallyHidden } from '@entur/a11y';\n\nimport { CalendarCell } from './CalendarCell';\n\ntype CalendarGridProps = {\n state: CalendarState;\n navigationDescription?: string;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarGrid = ({\n state,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarGridProps) => {\n const calendarGridId = useRandomId('eds-calendar');\n const { locale } = useLocale();\n\n const { gridProps, headerProps, weekDays } = useCalendarGrid(rest, state);\n\n const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n const weeksArray = Array.from(Array(weeksInMonth).keys());\n\n const weekDaysMapped = () => {\n if (locale.toLowerCase().includes('no'))\n return ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'];\n if (locale.toLowerCase().includes('en')) {\n if (weekDays[0] === 'M')\n return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n if (weekDays[0] === 'S')\n return ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n }\n return weekDays.map(day => day.toLowerCase());\n };\n\n const getNavigationDescription = () => {\n if (navigationDescription) return navigationDescription;\n if (locale.toLowerCase().includes('en'))\n return 'Use the arrow keys to navigate between dates';\n return 'Bruk piltastene til å navigere mellom datoer';\n };\n\n return (\n <>\n <table\n {...gridProps}\n cellSpacing=\"0\"\n className=\"eds-datepicker__calendar__grid\"\n >\n <thead {...headerProps}>\n <tr>\n {weekDaysMapped().map((day, index) => (\n <th key={index}>{day}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {weeksArray.map(weekIndex => (\n <tr key={weekIndex}>\n {state\n .getDatesInWeek(weekIndex)\n .map((date, i) =>\n date ? (\n <CalendarCell\n key={i}\n state={state}\n date={date}\n aria-describedby={calendarGridId + 'description'}\n onSelectedCellClick={onSelectedCellClick}\n />\n ) : (\n <td key={i} />\n ),\n )}\n </tr>\n ))}\n </tbody>\n </table>\n <VisuallyHidden id={calendarGridId + 'description'}>\n {getNavigationDescription()}\n </VisuallyHidden>\n </>\n );\n};\n","import React, { ReactNode } from 'react';\n\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useCalendar } from '@react-aria/calendar';\nimport { useCalendarState } from '@react-stately/calendar';\nimport { DateValue } from '@internationalized/date';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { ConditionalWrapper } from '@entur/utils';\n\nimport { ariaLabelIfNorwegian, createCalendar } from '../shared/utils';\nimport { CalendarButton } from '../shared/CalendarButton';\nimport { CalendarGrid } from './CalendarGrid';\n\nimport './Calendar.scss';\n\ntype CalendarProps = {\n selectedDate: DateValue | null;\n onChange: (SelectedDate: DateValue | null) => void;\n navigationDescription?: string;\n style?: React.CSSProperties;\n onSelectedCellClick?: () => void;\n [key: string]: any;\n};\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n (\n {\n selectedDate: value,\n onChange,\n locale: customLocale,\n style,\n children: _,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useCalendarState({\n ...rest,\n onChange,\n locale: customLocale ?? locale,\n createCalendar,\n });\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar(rest, state);\n\n return (\n <ConditionalWrapper\n condition={customLocale}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <div\n {...calendarProps}\n ref={ref}\n className=\"eds-datepicker__calendar\"\n style={style}\n >\n <div className=\"eds-datepicker__calendar__header\">\n <CalendarButton\n {...prevButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Forrige måned',\n locale,\n prevButtonProps,\n )}\n >\n <LeftArrowIcon size={20} />\n </CalendarButton>\n <h2>{title}</h2>\n <CalendarButton\n {...nextButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Neste måned',\n locale,\n nextButtonProps,\n )}\n >\n <RightArrowIcon size={20} />\n </CalendarButton>\n </div>\n <CalendarGrid\n state={state}\n navigationDescription={navigationDescription}\n onSelectedCellClick={onSelectedCellClick}\n />\n </div>\n </ConditionalWrapper>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from '@entur/button';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nexport const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n onClick,\n disabled,\n 'aria-label': ariaLabel,\n}) => {\n return (\n <IconButton\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n { 'eds-timepicker__arrowbutton--disabled': disabled },\n )}\n type=\"button\"\n tabIndex={-1}\n onClick={onClick}\n aria-label={ariaLabel}\n disabled={disabled}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </IconButton>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nimport './NativeTimePicker.scss';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Tekst eller ikon som kommer før inputfelter */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n { className, style, onChange, label, feedback, variant, prepend, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-native-timepicker');\n return (\n <BaseFormControl\n style={style}\n className={classNames(className, 'eds-native-timepicker')}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './TimePicker';\nexport * from './shared';\n\nexport type {\n DateValue,\n CalendarDate,\n CalendarDateTime,\n ZonedDateTime,\n Time,\n} from '@internationalized/date';\nexport type { TimeValue } from '@react-types/datepicker';\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport { useDatePicker } from '@react-aria/datepicker';\nimport { I18nProvider } from '@react-aria/i18n';\nimport {\n useFloating,\n offset,\n flip,\n shift,\n autoUpdate,\n} from '@floating-ui/react-dom';\nimport FocusLock from 'react-focus-lock';\nimport classNames from 'classnames';\n\nimport type {\n DateValue,\n AriaDatePickerProps,\n MappedDateValue,\n} from '@react-types/datepicker';\n\nimport {\n ConditionalWrapper,\n useOnClickOutside,\n useOnEscape,\n useWindowDimensions,\n} from '@entur/utils';\nimport { space, zIndexes } from '@entur/tokens';\nimport { CalendarIcon } from '@entur/icons';\nimport { Modal } from '@entur/modal';\n\nimport type { VariantType } from '@entur/form';\n\nimport { DateField } from './DateField';\nimport { Calendar } from './Calendar';\nimport { CalendarButton } from '../shared/CalendarButton';\n\nimport './DatePicker.scss';\n\nexport type DatePickerProps<DateType extends DateValue> = {\n /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n selectedDate: DateType | null;\n /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n onChange: (value: MappedDateValue<DateType> | null) => void;\n /** Ledetekst for inputfeltet til DatePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)\n * @default false\n */\n showTimeZone?: boolean;\n /** Viser tidspunkt i tillegg til dato.\n * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime\n */\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */\n minDate?: DateValue;\n /** Seneste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone\n *\n * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */\n maxDate?: DateValue;\n /** Funksjon som tar inn en dato og sier om den er utilgjengelig.\n * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */\n isDateUnavailable?: (date: DateValue) => boolean;\n /** Varselmelding, som vil komme under DatePicker sitt inputfelt */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n disabled?: boolean;\n /** Hvis true vil kalenderen alltid vises i en popover når den åpnes\n * @default false\n */\n disableModal?: boolean;\n /** Maxbredden til viewport-en for at modal skal vises\n * @default 1000\n */\n modalTreshold?: number;\n labelTooltip?: React.ReactNode;\n /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.\n * @default 'Bruk piltastene til å navigere mellom datoer'\n */\n navigationDescription?: string;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaDatePickerProps<DateType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DatePicker = <DateType extends DateValue>({\n selectedDate: value,\n onChange,\n locale,\n disabled: isDisabled,\n showTime,\n showTimeZone = false,\n className,\n style,\n variant,\n feedback,\n validationVariant,\n validationFeedback,\n disableModal = false,\n labelTooltip,\n navigationDescription,\n minDate: minValue,\n maxDate: maxValue,\n modalTreshold = 1000,\n ...rest\n}: DatePickerProps<DateType>) => {\n const CALENDAR_MODAL_MAX_SCREEN_WIDTH = modalTreshold;\n const datePickerRef = useRef<HTMLDivElement | null>(null);\n const calendarRef = useRef<HTMLDivElement | null>(null);\n const dateFieldRef = useRef<HTMLDivElement | null>(null);\n\n const { width } = useWindowDimensions();\n\n const state = useDatePickerState({\n ...rest,\n minValue,\n maxValue,\n value: value === null ? undefined : value,\n onChange,\n granularity: showTime ? 'minute' : rest.granularity,\n });\n const {\n groupProps,\n labelProps,\n fieldProps,\n buttonProps,\n dialogProps,\n calendarProps,\n } = useDatePicker(\n { isDisabled, minValue, maxValue, ...rest },\n state,\n datePickerRef,\n );\n\n // calculations for floating-UI popover position\n const { x, y, reference, floating, strategy } = useFloating({\n whileElementsMounted: autoUpdate,\n placement: 'bottom-start',\n middleware: [\n offset(space.extraSmall),\n flip(),\n shift({ padding: space.extraSmall }),\n ],\n });\n\n const onChangeCalendar = (newSelectedDate: DateValue) => {\n // Necessary to avoid state update on unmounted component\n requestAnimationFrame(() => {\n calendarProps.onChange && calendarProps.onChange(newSelectedDate);\n });\n };\n\n useOnClickOutside([calendarRef], () => {\n state.setOpen(false);\n });\n\n useOnEscape(calendarRef, () => {\n state.setOpen(false);\n });\n\n const calendarSharedProps = {\n ...dialogProps,\n ...calendarProps,\n disabled: calendarProps.isDisabled,\n navigationDescription: navigationDescription,\n onSelectedCellClick: () => state.setOpen(false),\n onChange: onChangeCalendar,\n granularity: showTime ? 'minute' : rest.granularity,\n };\n\n const useModal = width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH && !disableModal;\n\n const popoverCalendar = (\n <div\n // styling for floating-UI popover\n style={{\n position: strategy,\n top: y ?? 0,\n left: x ?? 0,\n zIndex: zIndexes.popover,\n }}\n ref={node => {\n floating(node);\n }}\n >\n <FocusLock disabled={!state.isOpen || useModal} returnFocus>\n {state.isOpen && (\n <Calendar {...calendarSharedProps} ref={calendarRef} />\n )}\n </FocusLock>\n </div>\n );\n\n const modalCalendar = (\n <Modal\n size=\"small\"\n title=\"\"\n open={state.isOpen}\n onDismiss={() => state.setOpen(false)}\n closeOnClickOutside\n className=\"eds-datepicker__calendar-modal\"\n >\n <Calendar {...calendarSharedProps} />\n </Modal>\n );\n\n return (\n <ConditionalWrapper\n condition={locale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={locale}>{child}</I18nProvider>\n )}\n >\n <div className={classNames('eds-datepicker', className)}>\n <div\n {...groupProps}\n ref={node => {\n datePickerRef.current = node;\n reference(node);\n }}\n id={undefined}\n className=\"eds-datepicker__datefield__wrapper\"\n >\n <DateField\n {...fieldProps}\n selectedDate={state.value}\n label={rest.label}\n labelProps={labelProps}\n showTime={showTime}\n showTimeZone={showTimeZone}\n ref={dateFieldRef}\n variant={variant}\n feedback={feedback}\n validationVariant={validationVariant}\n validationFeedback={validationFeedback}\n labelTooltip={labelTooltip}\n className={classNames('eds-datepicker__datefield', {\n 'eds-datepicker__datefield--disabled': fieldProps.isDisabled,\n })}\n />\n {!fieldProps.isDisabled && (\n <CalendarButton\n {...buttonProps}\n onPress={() => state.setOpen(!state.isOpen)}\n className=\"eds-datepicker__open-calendar-button\"\n >\n <CalendarIcon />\n </CalendarButton>\n )}\n {useModal ? modalCalendar : popoverCalendar}\n </div>\n </div>\n </ConditionalWrapper>\n );\n};\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport { getLocalTimeZone, now } from '@internationalized/date';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: MappedTimeValue<TimeType> | null) => void;\n /** Label til TimePicker */\n label: string;\n /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker\n * @default 30\n */\n minuteIncrementForArrowButtons?: number;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n /** Aria-label for venstrepil-knappen som trekker fra tid\n * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`\n */\n leftArrowButtonAriaLabel?: string;\n /** Aria-label for høyrepil-knappen som legger til tid\n * @default `Legg til ${minuteIncrementForArrowButtons} minutter`\n */\n rightArrowButtonAriaLabel?: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n inputRef?: React.ForwardedRef<HTMLDivElement>;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const TimePicker = <TimeType extends TimeValue>({\n selectedTime,\n onChange,\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n locale: customLocale,\n showTimeZone,\n minuteIncrementForArrowButtons = 30,\n leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n inputRef,\n ...rest\n}: TimePickerProps<TimeType>) => {\n let { locale } = useLocale();\n if (customLocale) locale = customLocale;\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime === null ? undefined : selectedTime,\n hideTimeZone: !showTimeZone,\n isDisabled: disabled,\n ...rest,\n });\n const timeFieldRef = useRef(null);\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n const id = useRandomId('timepicker');\n\n const handleOnClickArrowButton = (minutes: number) => {\n if (someSegmentIsUndefined) {\n setTimeToNearestMinuteIncrement();\n } else {\n addMinutesToSelectedTime(minutes);\n }\n };\n\n const someSegmentIsUndefined = state.segments.some(\n segment => segment.text === '––',\n );\n\n const setTimeToNearestMinuteIncrement = () => {\n const currentTime = now(getLocalTimeZone());\n const roundedMinute =\n Math.floor(currentTime.minute / minuteIncrementForArrowButtons) *\n minuteIncrementForArrowButtons;\n const newTime = currentTime.set({ minute: roundedMinute });\n // @ts-expect-error Since this function is used when selectedTime is null,\n // we can't guarantee newTime matching the type of selectedTime in the future.\n // This might lead to a type issue.\n onChange(newTime);\n };\n\n const addMinutesToSelectedTime = (minutes: number) => {\n state.value &&\n state.setValue(\n state.value?.add({\n minutes: minutes,\n }),\n );\n };\n\n return (\n <I18nProvider locale={locale}>\n <div className={classNames(className, 'eds-timepicker__wrapper')}>\n <TimePickerArrowButton\n direction=\"left\"\n disabled={disabled}\n aria-label={leftArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons * -1)\n }\n />\n <BaseFormControl\n style={style}\n className={'eds-timepicker'}\n labelId={id}\n label={label}\n labelProps={{ ...labelProps }}\n ref={mergeRefs(timeFieldRef, inputRef)}\n disabled={disabled}\n disableLabelAnimation\n labelTooltip={labelTooltip}\n {...fieldProps}\n variant={variant}\n feedback={feedback}\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n <TimePickerArrowButton\n direction=\"right\"\n disabled={disabled}\n aria-label={rightArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons)\n }\n />\n </div>\n </I18nProvider>\n );\n};\n"],"names":["inputResult","FieldSegment","_ref","segment","state","ref","useRef","segmentProps","useDateSegment","is12HourFormatted","segments","some","text","React","createElement","className","classNames","isPlaceholder","tabIndex","isDisabled","match","padStart","nativeDateToDateTime","date","timeZone","offset","ZonedDateTime","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","CalendarDateTime","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","locale","propsCollection","toLowerCase","DateField","forwardRef","value","selectedDate","label","customLocale","showTimeZone","showTime","_ref$granularity","granularity","disabled","variant","feedback","_ref$validationVarian","validationVariant","_ref$validationFeedba","validationFeedback","labelTooltip","minValue","minDate","maxValue","maxDate","style","parentLabelProps","labelProps","append","rest","_objectWithoutPropertiesLoose","_excluded","_useLocale","useLocale","useDateFieldState","_extends","undefined","hideTimeZone","dateFieldRef","useDateField","fieldProps","id","useRandomId","ConditionalWrapper","condition","wrapper","child","I18nProvider","BaseFormControl","labelId","mergeRefs","disableLabelAnimation","validationState","ariaAlertOnFeedback","map","i","key","CalendarButton","children","props","_useButton","useButton","IconButton","buttonProps","CalendarCell","_state$timeZone","_ref$onSelectedCellCl","onSelectedCellClick","cellRef","_useCalendarCell","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","getLocalTimeZone","onClick","e","onKeyDown","CalendarGrid","navigationDescription","calendarGridId","_useCalendarGrid","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","Fragment","cellSpacing","includes","day","weekDaysMapped","index","weekIndex","getDatesInWeek","VisuallyHidden","Calendar","onChange","useCalendarState","_useCalendar","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","LeftArrowIcon","size","RightArrowIcon","NativeDatePicker","_ref$prepend","prepend","DateIcon","inline","nativedatepickerId","isFilled","NativeDatePickerBase","_ref2","_excluded2","contextVariant","useVariant","currentVariant","_useInputGroupContext","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","useEffect","type","event","target","TimePickerArrowButton","direction","ariaLabel","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","_ref$showTimeZone","_ref$disableModal","disableModal","_ref$modalTreshold","modalTreshold","CALENDAR_MODAL_MAX_SCREEN_WIDTH","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","_useDatePicker","useDatePicker","groupProps","dialogProps","_useFloating","useFloating","whileElementsMounted","autoUpdate","placement","middleware","space","extraSmall","flip","shift","padding","x","y","reference","floating","strategy","useOnClickOutside","setOpen","useOnEscape","calendarSharedProps","newSelectedDate","requestAnimationFrame","useModal","popoverCalendar","position","top","left","zIndex","zIndexes","popover","node","FocusLock","isOpen","returnFocus","modalCalendar","Modal","open","onDismiss","closeOnClickOutside","current","onPress","CalendarIcon","_ref$showClockIcon","showClockIcon","inputRef","_ref$padding","readOnly","selectedTime","showSeconds","useState","inputText","_useState","setInputText","timeFieldRef","lastValidSelectedTime","_useState2","setLastValidSelectedTime","useTimeFieldState","isReadOnly","useTimeField","updateInputWithSelectedTime","toString","selectedTimeString","getStringFromTimeValue","timeFieldIsFocused","document","activeElement","addPlaceholderToInput","timeValue","timeObject","toTime","slice","handleChangeTime","newTime","getValueForOnChangeFromInput","INVALID","formatedTimeString","formatTimeString","newTimeObject","formatedTimeStringToTimeObject","RESET_TIME","getSelectedTimeWithTimeFromObject","timeString","length","numberOfColons","RegExp","stringLength","stringSlice","stringLengthIsEven","hourString","minuteString","secondString","isNumberTest","parseTime","Time","set","hour","minute","second","usedFieldProps","TextField","ClockIcon","_timeFieldRef$current","focus","onBlur","onFocus","placeholder","_ref$minuteIncrementF","minuteIncrementForArrowButtons","_ref$leftArrowButtonA","leftArrowButtonAriaLabel","_ref$rightArrowButton","rightArrowButtonAriaLabel","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","currentTime","roundedMinute","Math","floor","_state$value","setValue","add","noTimeOnlyDate","CalendarDate","noDateOnlyTime","timeZoneForCalendarDateTime","Date","setHours","setMinutes","setSeconds","toDate","year","month"],"mappings":"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"}
1
+ {"version":3,"file":"datepicker.cjs.production.min.js","sources":["../src/shared/FieldSegment.tsx","../src/TimePicker/SimpleTimePicker.tsx","../src/shared/utils.ts","../src/DatePicker/DateField.tsx","../src/shared/CalendarButton.tsx","../src/DatePicker/CalendarCell.tsx","../src/DatePicker/CalendarGrid.tsx","../src/DatePicker/Calendar.tsx","../src/DatePicker/NativeDatePicker.tsx","../src/TimePicker/TimePickerArrowButton.tsx","../src/TimePicker/NativeTimePicker.tsx","../src/index.tsx","../src/DatePicker/DatePicker.tsx","../src/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useDateSegment } from '@react-aria/datepicker';\nimport { DateSegment, DateFieldState } from '@react-stately/datepicker';\n\nimport './FieldSegment.scss';\n\ntype TimeSegmentProps = {\n segment: DateSegment;\n state: DateFieldState;\n};\n\nexport const FieldSegment = ({ segment, state }: TimeSegmentProps) => {\n const ref = useRef<HTMLDivElement>(null);\n const { segmentProps } = useDateSegment(segment, state, ref);\n\n const is12HourFormatted = state.segments.some(\n segment => segment.text === 'AM' || segment.text === 'PM',\n );\n\n const segmentDisplayText = () => {\n if (is12HourFormatted) return segment.text;\n // if number add '0' padding to start when one digit\n if (segment.text.match(/\\d+/)) return segment.text.padStart(2, '0');\n return segment.text;\n };\n\n return (\n <div\n {...segmentProps}\n ref={ref}\n className={classNames('eds-date-and-time-field__segment', {\n 'eds-date-and-time-field__segment--placeholder': segment.isPlaceholder,\n 'eds-date-and-time-field__segment--dot-separator': segment.text === '.',\n })}\n tabIndex={state.isDisabled ? -1 : segmentProps.tabIndex}\n >\n {segmentDisplayText()}\n </div>\n );\n};\n","import React, { useEffect, useRef, useState } from 'react';\nimport { Time, parseTime, toTime } from '@internationalized/date';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport classNames from 'classnames';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { TextField, VariantType } from '@entur/form';\nimport { ClockIcon } from '@entur/icons';\nimport { mergeRefs } from '@entur/utils';\n\nimport './SimpleTimePicker.scss';\n\nenum inputResult {\n RESET_TIME,\n INVALID,\n}\n\nexport type SimpleTimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange?: (\n value: MappedTimeValue<TimeType> | null,\n ) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;\n /** Label til TimePicker */\n label: string;\n /** Viser sekund i tillegg til time og minutt\n * @default false\n */\n showSeconds?: boolean;\n /** Viser et klokkeikonet for å klarere indikere at dette\n * er en tidsvelger\n * @default false\n */\n showClockIcon?: boolean | 'right' | 'left';\n /** Velger hvor mye luft det skal være på sidene av klokkeslettet\n * @default 'default'\n */\n padding?: 'default' | 'large';\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n inputRef?: React.ForwardedRef<HTMLInputElement>;\n append?: boolean;\n prepend?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n | 'locale'\n | 'isReadOnly'\n | 'isDisabled'\n | 'locale'\n>;\n\nexport const SimpleTimePicker = <TimeType extends TimeValue>({\n append,\n className,\n disabled,\n feedback,\n showClockIcon = 'right',\n inputRef,\n label,\n labelTooltip,\n onChange,\n padding = 'default',\n prepend,\n readOnly,\n selectedTime,\n showSeconds,\n style,\n variant,\n ...rest\n}: SimpleTimePickerProps<TimeType>) => {\n const [inputText, setInputText] = useState('');\n const timeFieldRef = useRef<HTMLInputElement>(null);\n const [lastValidSelectedTime, setLastValidSelectedTime] =\n useState<MappedTimeValue<TimeType> | null>(null);\n\n const { locale } = useLocale();\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime === null ? undefined : selectedTime,\n hideTimeZone: true,\n isDisabled: disabled,\n isReadOnly: readOnly,\n ...rest,\n });\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n\n useEffect(() => {\n updateInputWithSelectedTime();\n // @ts-expect-error TimeType and MappedTimeValue<TimeType> is actually the same\n if (selectedTime !== null) setLastValidSelectedTime(selectedTime);\n }, [selectedTime?.toString()]);\n\n const updateInputWithSelectedTime = () => {\n const selectedTimeString = getStringFromTimeValue(selectedTime);\n setInputText(selectedTimeString);\n\n const timeFieldIsFocused = document.activeElement === timeFieldRef?.current;\n if (selectedTimeString === '' && !timeFieldIsFocused)\n addPlaceholderToInput();\n };\n\n const getStringFromTimeValue = (timeValue: TimeValue | null) => {\n if (timeValue === null) return '';\n\n const timeObject = 'day' in timeValue ? toTime(timeValue) : timeValue;\n\n if (showSeconds) return timeObject.toString().slice(0, 8);\n\n return timeObject.toString().slice(0, 5);\n };\n\n const addPlaceholderToInput = () => {\n if (showSeconds) setInputText('–– : –– : ––');\n else setInputText('–– : ––');\n };\n\n const handleChangeTime = () => {\n const newTime = getValueForOnChangeFromInput();\n\n if (newTime === inputResult.INVALID) {\n return updateInputWithSelectedTime();\n }\n\n if (newTime?.toString() !== selectedTime?.toString()) onChange?.(newTime);\n };\n\n const getValueForOnChangeFromInput = () => {\n const formatedTimeString = formatTimeString(inputText);\n const newTimeObject = formatedTimeStringToTimeObject(formatedTimeString);\n\n if (newTimeObject === inputResult.INVALID) {\n return inputResult.INVALID;\n }\n if (newTimeObject === inputResult.RESET_TIME) {\n return null;\n }\n\n const updatedSelectedTime =\n getSelectedTimeWithTimeFromObject(newTimeObject);\n\n return updatedSelectedTime;\n };\n\n const formatTimeString = (timeString: string): string | inputResult => {\n if (timeString.length === 0) return inputResult.RESET_TIME;\n if (timeString.length < 3 || timeString.length > 8)\n return inputResult.INVALID;\n\n const numberOfColons = (timeString.match(new RegExp(':', 'g')) || [])\n .length;\n const stringLength = timeString.length;\n\n // targets 'd:dd:dd' and 'dd:dd:dd'\n if (numberOfColons === 2 && stringLength >= 7) {\n return timeString.padStart(8, '0');\n }\n\n // targets 'd:dd' and 'dd:dd'\n if (numberOfColons === 1) {\n return timeString.padStart(5, '0');\n }\n\n if (stringLength > 6) return inputResult.INVALID;\n\n const stringLengthIsEven = stringLength % 2 == 0;\n\n const hourString = stringLengthIsEven\n ? timeString.slice(0, 2)\n : timeString.slice(0, 1);\n const minuteString = stringLengthIsEven\n ? timeString.slice(2, 4)\n : timeString.slice(1, 3);\n const secondString = (() => {\n const stringSlice = stringLengthIsEven\n ? timeString.slice(4, 6)\n : timeString.slice(3, 5);\n if (stringSlice === '') return '00';\n return stringSlice;\n })();\n\n const timeStringWithColon =\n hourString.padStart(2, '0') +\n ':' +\n minuteString +\n (showSeconds ? ':' + secondString : '');\n\n return timeStringWithColon;\n };\n\n const formatedTimeStringToTimeObject = (\n formatedTimeString: string | inputResult,\n ): Time | inputResult => {\n if (formatedTimeString === inputResult.INVALID) return inputResult.INVALID;\n if (formatedTimeString === inputResult.RESET_TIME)\n return inputResult.RESET_TIME;\n\n const isNumberTest = /^\\d+$/;\n const hourString = formatedTimeString.slice(0, 2);\n const minuteString = formatedTimeString.slice(3, 5);\n const secondString = formatedTimeString.slice(6, 8);\n if (\n hourString.match(isNumberTest) &&\n minuteString.match(isNumberTest) &&\n (secondString === '' || secondString.match(isNumberTest))\n ) {\n try {\n const timeObject = parseTime(formatedTimeString);\n return timeObject;\n } catch (e) {\n return inputResult.INVALID;\n }\n }\n\n return inputResult.INVALID;\n };\n\n const getSelectedTimeWithTimeFromObject = (\n newTime: Time,\n ): MappedTimeValue<TimeType> => {\n const selectedTimeWithUpdateTime = (\n lastValidSelectedTime ?? new Time()\n ).set({\n hour: newTime.hour,\n minute: newTime.minute,\n second: newTime.second,\n }) as MappedTimeValue<TimeType>;\n\n return selectedTimeWithUpdateTime;\n };\n\n const {\n onBlur,\n onClick,\n onDragStart,\n onFocus,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onPointerDown,\n onPointerUp,\n ...usedFieldProps\n } = fieldProps;\n\n return (\n <I18nProvider locale={locale}>\n <TextField\n append={\n append ||\n (showClockIcon === true || showClockIcon === 'right' ? (\n <ClockIcon onClick={() => timeFieldRef?.current?.focus()} />\n ) : undefined)\n }\n className={classNames('eds-simple-timepicker', {\n 'eds-simple-timepicker--padding-large': padding === 'large',\n 'eds-simple-timepicker--show-seconds': showSeconds,\n 'eds-simple-timepicker--hide-clock': !showClockIcon,\n })}\n disabled={disabled}\n disableLabelAnimation\n feedback={feedback}\n label={label}\n labelProps={labelProps}\n labelTooltip={labelTooltip}\n onBlur={() => {\n handleChangeTime();\n if (selectedTime === null) {\n addPlaceholderToInput();\n }\n }}\n onChange={e => setInputText(e.target.value)}\n onFocus={() => {\n if (selectedTime === null) {\n setInputText('');\n }\n }}\n onKeyDown={({ key }) => {\n if (key === 'Enter') handleChangeTime();\n }}\n placeholder={showSeconds ? '–– : –– : ––' : '–– : ––'}\n prepend={\n prepend ||\n (showClockIcon === 'left' ? (\n <ClockIcon onClick={() => timeFieldRef?.current?.focus()} />\n ) : undefined)\n }\n readOnly={readOnly}\n ref={mergeRefs(timeFieldRef, inputRef)}\n style={style}\n value={inputText}\n variant={variant}\n {...usedFieldProps}\n />\n </I18nProvider>\n );\n};\n","import {\n ZonedDateTime,\n CalendarDateTime,\n Time,\n parseAbsolute,\n DateValue,\n getLocalTimeZone,\n CalendarDate,\n} from '@internationalized/date';\nimport { TimeValue } from '@react-types/datepicker';\nimport { Calendar, GregorianCalendar } from '@internationalized/date';\n\nconst nativeDateToDateTime = (\n date: Date,\n timeZone?: string,\n offset?: number,\n) => {\n if (timeZone) {\n if (offset) {\n return new ZonedDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n timeZone,\n offset,\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n }\n return parseAbsolute(date.toISOString(), timeZone);\n }\n return new CalendarDateTime(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n date.getHours(),\n date.getMinutes(),\n date.getSeconds(),\n );\n};\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et DateValue-objekt\n * @param {boolean} noTimeOnlyDate Hvis tidspunktet er irrelevant kan denne settes til true, da får man et CalendarDate-objekt uten tidspunkt tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {CalendarDateTime | ZonedDateTime | CalendarDate} et av DateValue-objektene med verdier fra date\n */\nexport const nativeDateToDateValue = (\n date: Date,\n noTimeOnlyDate = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (noTimeOnlyDate)\n return new CalendarDate(\n date.getFullYear(),\n date.getMonth() + 1,\n date.getDate(),\n );\n\n return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et JS Date-objekt og returnerer et av TimeValue-objektene fra @internationalized/date-pakken\n * @param {Date} date JS Date-objekt som ønskes konvertert til et TimeValue-objekt\n * @param {boolean} noDateOnlyTime Hvis datoen er irrelevant kan denne settes til true, da får man et Time-objekt uten dato tilbake\n * @param {string} timeZone Tidssonen på IANA-formatet som tidpunktet skal konverteres til. Utelates denne får man et tidspunkt uten tidssone. Kan brukes med og uten en UTC-offset Vær obs på annen oppførsel med offset, les mer på beskrivelsen av offset\n * @param {number} offset UTC-offset i millisekunder, må brukes med en tidssone. Ved å legge på en offset lager du en variant av en tidssone. Det betyr at tidspunktet ikke endres (time, minutt, sekund uendret), men tidssonen, med tilhørende offset, tidspunktet er i endres.\n * @returns {Time | CalendarDateTime | ZonedDateTime} et av TimeValue-objektene med verdier fra date\n */\nexport const nativeDateToTimeValue = (\n date: Date,\n noDateOnlyTime = false,\n timeZone?: string,\n offset?: number,\n) => {\n if (noDateOnlyTime)\n return new Time(date.getHours(), date.getMinutes(), date.getSeconds(), 0);\n\n return nativeDateToDateTime(date, timeZone, offset);\n};\n\n/**\n * Tar inn et av Date- eller TimeValue-objektene fra @internationalized/date-pakken og returnerer et JS Date-objekt\n * @param {DateValue | TimeValue} value En dato eller et tidspunkt på Date- eller TimeValue-formatet som ønskes konvertert til et JS Date-objekt\n * @param {string} timeZoneForCalendarDateTime Tidssonen value er i. Fungerer kun med typen er CalendarDateTime\n * @returns {Date} et Date-objekt med verdier fra time\n */\n// This function uses a lot of @ts-expect-error to make it work with all Date- and TimeValue types. Sorry ...\nexport const timeOrDateValueToNativeDate = (\n value: TimeValue | DateValue,\n timeZoneForCalendarDateTime?: string,\n): Date => {\n // @ts-expect-error .day does not exist on Time-object\n if (!value.day) {\n // type is Time\n const date = new Date();\n // @ts-expect-error hour does not exist on CalendarDate\n date.setHours(value.hour);\n // @ts-expect-error minute does not exist on CalendarDate\n date.setMinutes(value.minute);\n // @ts-expect-error second does not exist on CalendarDate\n date.setSeconds(value.second);\n return date;\n }\n\n // @ts-expect-error .day does not exist on Time-object\n if (!value.hour) {\n // type is CalendarDate\n // @ts-expect-error .toDate(timeZone) does not exist in type Time\n return value.toDate(timeZoneForCalendarDateTime ?? getLocalTimeZone());\n }\n\n // @ts-expect-error .timeZone does not exist in type Time and CalendarDateTime\n if (!value.timeZone) {\n // type is CalendarDateTime\n if (timeZoneForCalendarDateTime)\n // @ts-expect-error .toDate(timeZone) does not exist in type Time\n return value.toDate(timeZoneForCalendarDateTime);\n\n return new Date(\n // @ts-expect-error not in type Time\n value.year,\n // @ts-expect-error not in type Time\n value.month - 1,\n // @ts-expect-error not in type Time\n value.day,\n // @ts-expect-error not in type CalendarDate\n value.hour,\n // @ts-expect-error not in type CalendarDate\n value.minute,\n // @ts-expect-error not in type CalendarDate\n value.second,\n );\n }\n\n // @ts-expect-error .toDate() does not exist in type Time or CalendarDateTime\n return value.toDate();\n};\n\nexport const createCalendar = (identifier = 'gregory'): Calendar => {\n switch (identifier) {\n case 'gregory':\n return new GregorianCalendar();\n default:\n throw new Error(`Unsupported calendar ${identifier}`);\n }\n};\n\nexport const ariaLabelIfNorwegian = (\n norwegianAriaLabel: string,\n locale: string,\n propsCollection: any,\n) => {\n if (locale.toLowerCase() !== 'no-no') return propsCollection['aria-label'];\n return norwegianAriaLabel;\n};\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDateFieldState } from '@react-stately/datepicker';\nimport { useDateField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport classNames from 'classnames';\n\nimport type {\n SpectrumDateFieldProps,\n DateValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { ConditionalWrapper, mergeRefs, useRandomId } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { createCalendar } from '../shared/utils';\n\nimport './DateField.scss';\n\nexport type DateFieldProps = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedDate: DateValue | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: DateValue) => void;\n /** Label til TimePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone */\n minDate?: DateValue;\n /** Seneste gyldige datovalg. (se minValue) */\n maxDate?: DateValue;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n} & Omit<\n SpectrumDateFieldProps<DateValue>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DateField = React.forwardRef<HTMLDivElement, DateFieldProps>(\n (\n {\n selectedDate: value,\n label,\n locale: customLocale,\n showTimeZone,\n showTime,\n granularity = 'day',\n disabled,\n variant,\n feedback,\n validationVariant = 'error',\n validationFeedback = 'Ugyldig dato',\n labelTooltip,\n minDate: minValue,\n maxDate: maxValue,\n style,\n className,\n labelProps: parentLabelProps,\n append,\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useDateFieldState({\n ...rest,\n locale: customLocale ?? locale,\n createCalendar,\n value: value === null ? undefined : value,\n hideTimeZone: !showTimeZone,\n granularity: showTime ? 'minute' : granularity,\n minValue,\n maxValue,\n });\n\n const dateFieldRef = useRef(null);\n const { labelProps, fieldProps } = useDateField(\n { ...rest, label: label, isDisabled: disabled || rest.isDisabled },\n state,\n dateFieldRef,\n );\n\n const id = useRandomId('datefield');\n\n return (\n <ConditionalWrapper\n condition={customLocale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <BaseFormControl\n style={style}\n className={classNames('eds-datefield', className)}\n labelId={id}\n ref={mergeRefs(dateFieldRef, ref)}\n disabled={state.isDisabled}\n disableLabelAnimation\n label={label}\n labelTooltip={labelTooltip}\n labelProps={parentLabelProps ?? labelProps}\n {...fieldProps}\n variant={\n variant ?? state.validationState === 'invalid'\n ? validationVariant\n : undefined\n }\n feedback={\n feedback ?? state.validationState === 'invalid'\n ? validationFeedback\n : undefined\n }\n append={append}\n ariaAlertOnFeedback\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n </ConditionalWrapper>\n );\n },\n);\n","import React, { useRef } from 'react';\n\nimport { useButton } from '@react-aria/button';\n\nimport { IconButton } from '@entur/button';\n\ntype CalendarButtonProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n [key: string]: any;\n};\n\nexport const CalendarButton = ({\n children,\n className,\n style,\n ...props\n}: CalendarButtonProps) => {\n const ref = useRef(null);\n const { buttonProps } = useButton(props, ref);\n\n return (\n <IconButton {...buttonProps} ref={ref} className={className} style={style}>\n {children}\n </IconButton>\n );\n};\n","import React, { useRef } from 'react';\n\nimport { useCalendarCell } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport {\n CalendarDate,\n getLocalTimeZone,\n isEqualDay,\n now,\n} from '@internationalized/date';\nimport classNames from 'classnames';\n\ntype CalendarCellProps = {\n state: CalendarState;\n date: CalendarDate;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarCell = ({\n state,\n date,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarCellProps) => {\n const cellRef = useRef(null);\n\n const {\n cellProps,\n buttonProps,\n isSelected,\n isOutsideVisibleRange,\n isDisabled,\n isUnavailable,\n formattedDate,\n } = useCalendarCell({ date }, state, cellRef);\n return (\n <td {...cellProps} className=\"eds-datepicker__calendar__grid__cell__td\">\n <div\n {...buttonProps}\n ref={cellRef}\n hidden={isOutsideVisibleRange}\n className={classNames('eds-datepicker__calendar__grid__cell', {\n 'eds-datepicker__calendar__grid__cell--selected': isSelected,\n 'eds-datepicker__calendar__grid__cell--disabled':\n isDisabled || isUnavailable,\n 'eds-datepicker__calendar__grid__cell--outside-month':\n isOutsideVisibleRange,\n 'eds-datepicker__calendar__grid__cell--today': isEqualDay(\n date,\n now(state.timeZone ?? getLocalTimeZone()),\n ),\n })}\n {...rest}\n onClick={e => {\n buttonProps.onClick && buttonProps.onClick(e);\n isSelected && onSelectedCellClick();\n }}\n onKeyDown={e => {\n buttonProps.onKeyDown && buttonProps.onKeyDown(e);\n if (e.key === 'Enter' || e.key === ' ')\n isSelected && onSelectedCellClick();\n }}\n >\n {formattedDate}\n </div>\n </td>\n );\n};\n","import React from 'react';\n\nimport { useLocale } from '@react-aria/i18n';\nimport { useCalendarGrid } from '@react-aria/calendar';\nimport { CalendarState } from '@react-stately/calendar';\nimport { getWeeksInMonth } from '@internationalized/date';\n\nimport { useRandomId } from '@entur/utils';\nimport { VisuallyHidden } from '@entur/a11y';\n\nimport { CalendarCell } from './CalendarCell';\n\ntype CalendarGridProps = {\n state: CalendarState;\n navigationDescription?: string;\n onSelectedCellClick?: () => void;\n};\n\nexport const CalendarGrid = ({\n state,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n}: CalendarGridProps) => {\n const calendarGridId = useRandomId('eds-calendar');\n const { locale } = useLocale();\n\n const { gridProps, headerProps, weekDays } = useCalendarGrid(rest, state);\n\n const weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);\n const weeksArray = Array.from(Array(weeksInMonth).keys());\n\n const weekDaysMapped = () => {\n if (locale.toLowerCase().includes('no'))\n return ['ma', 'ti', 'on', 'to', 'fr', 'lø', 'sø'];\n if (locale.toLowerCase().includes('en')) {\n if (weekDays[0] === 'M')\n return ['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'];\n if (weekDays[0] === 'S')\n return ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n }\n return weekDays.map(day => day.toLowerCase());\n };\n\n const getNavigationDescription = () => {\n if (navigationDescription) return navigationDescription;\n if (locale.toLowerCase().includes('en'))\n return 'Use the arrow keys to navigate between dates';\n return 'Bruk piltastene til å navigere mellom datoer';\n };\n\n return (\n <>\n <table\n {...gridProps}\n cellSpacing=\"0\"\n className=\"eds-datepicker__calendar__grid\"\n >\n <thead {...headerProps}>\n <tr>\n {weekDaysMapped().map((day, index) => (\n <th key={index}>{day}</th>\n ))}\n </tr>\n </thead>\n <tbody>\n {weeksArray.map(weekIndex => (\n <tr key={weekIndex}>\n {state\n .getDatesInWeek(weekIndex)\n .map((date, i) =>\n date ? (\n <CalendarCell\n key={i}\n state={state}\n date={date}\n aria-describedby={calendarGridId + 'description'}\n onSelectedCellClick={onSelectedCellClick}\n />\n ) : (\n <td key={i} />\n ),\n )}\n </tr>\n ))}\n </tbody>\n </table>\n <VisuallyHidden id={calendarGridId + 'description'}>\n {getNavigationDescription()}\n </VisuallyHidden>\n </>\n );\n};\n","import React, { ReactNode } from 'react';\n\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useCalendar } from '@react-aria/calendar';\nimport { useCalendarState } from '@react-stately/calendar';\nimport { DateValue } from '@internationalized/date';\n\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\nimport { ConditionalWrapper } from '@entur/utils';\n\nimport { ariaLabelIfNorwegian, createCalendar } from '../shared/utils';\nimport { CalendarButton } from '../shared/CalendarButton';\nimport { CalendarGrid } from './CalendarGrid';\n\nimport './Calendar.scss';\n\ntype CalendarProps = {\n selectedDate: DateValue | null;\n onChange: (SelectedDate: DateValue | null) => void;\n navigationDescription?: string;\n style?: React.CSSProperties;\n onSelectedCellClick?: () => void;\n [key: string]: any;\n};\n\nexport const Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(\n (\n {\n selectedDate: value,\n onChange,\n locale: customLocale,\n style,\n children: _,\n navigationDescription,\n onSelectedCellClick = () => {\n return;\n },\n ...rest\n },\n ref,\n ) => {\n const { locale } = useLocale();\n\n const state = useCalendarState({\n ...rest,\n onChange,\n locale: customLocale ?? locale,\n createCalendar,\n });\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar(rest, state);\n\n return (\n <ConditionalWrapper\n condition={customLocale}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={customLocale}>{child}</I18nProvider>\n )}\n >\n <div\n {...calendarProps}\n ref={ref}\n className=\"eds-datepicker__calendar\"\n style={style}\n >\n <div className=\"eds-datepicker__calendar__header\">\n <CalendarButton\n {...prevButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Forrige måned',\n locale,\n prevButtonProps,\n )}\n >\n <LeftArrowIcon size={20} />\n </CalendarButton>\n <h2>{title}</h2>\n <CalendarButton\n {...nextButtonProps}\n aria-label={ariaLabelIfNorwegian(\n 'Neste måned',\n locale,\n nextButtonProps,\n )}\n >\n <RightArrowIcon size={20} />\n </CalendarButton>\n </div>\n <CalendarGrid\n state={state}\n navigationDescription={navigationDescription}\n onSelectedCellClick={onSelectedCellClick}\n />\n </div>\n </ConditionalWrapper>\n );\n },\n);\n","import React from 'react';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { DateIcon } from '@entur/icons';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nexport type NativeDatePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeDatePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeDatePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Plasserer labelen statisk på toppen av inputfeltet\n * @default false\n */\n disableLabelAnimation?: boolean;\n /** Tekst eller ikon som kommer før inputfelter\n * @default <DateIcon />\n */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeDatePicker = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerProps\n>(\n (\n {\n className,\n style,\n label,\n onChange,\n feedback,\n variant,\n disableLabelAnimation,\n prepend = <DateIcon inline />,\n ...rest\n },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativedatepickerId = useRandomId('eds-nativetimepicker');\n return (\n <BaseFormControl\n style={style}\n className={className}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativedatepickerId}\n disableLabelAnimation={disableLabelAnimation}\n isFilled\n >\n <NativeDatePickerBase\n onChange={onChange}\n aria-labelledby={nativedatepickerId}\n ref={ref}\n variant={variant}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeDatePickerBaseProps = {\n onChange?: any;\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeDatePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeDatePickerBaseProps\n>(({ onChange, variant, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = variant || contextVariant;\n const { isFilled: isDatepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isDatepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isDatepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isDatepickerFilled && setFiller(true);\n } else {\n setFiller && isDatepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"date\"\n className=\"eds-form-control eds-native-date-picker\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from '@entur/button';\nimport { LeftArrowIcon, RightArrowIcon } from '@entur/icons';\n\ntype TimePickerArrowButtonProps = {\n direction: 'left' | 'right';\n} & React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>;\n\nexport const TimePickerArrowButton: React.FC<TimePickerArrowButtonProps> = ({\n direction,\n onClick,\n disabled,\n 'aria-label': ariaLabel,\n}) => {\n return (\n <IconButton\n className={classNames(\n 'eds-timepicker__arrowbutton',\n `eds-timepicker__arrowbutton--${direction}`,\n { 'eds-timepicker__arrowbutton--disabled': disabled },\n )}\n type=\"button\"\n tabIndex={-1}\n onClick={onClick}\n aria-label={ariaLabel}\n disabled={disabled}\n >\n {direction === 'left' ? <LeftArrowIcon /> : <RightArrowIcon />}\n </IconButton>\n );\n};\n","import React from 'react';\nimport classNames from 'classnames';\nimport {\n BaseFormControl,\n isFilled,\n useInputGroupContext,\n useVariant,\n VariantType,\n} from '@entur/form';\nimport { useOnMount, useRandomId } from '@entur/utils';\n\nimport './NativeTimePicker.scss';\n\nexport type NativeTimePickerProps = {\n /** Ekstra klassenavn */\n className?: string;\n /** Label over NativeTimePicker */\n label: string;\n /** Varselmelding, som vil komme under NativeTimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Tekst eller ikon som kommer før inputfelter */\n prepend?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const NativeTimePicker = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerProps\n>(\n (\n { className, style, onChange, label, feedback, variant, prepend, ...rest },\n ref: React.Ref<HTMLInputElement>,\n ) => {\n const nativetimepickerId = useRandomId('eds-native-timepicker');\n return (\n <BaseFormControl\n style={style}\n className={classNames(className, 'eds-native-timepicker')}\n prepend={prepend}\n label={label}\n feedback={feedback}\n variant={variant}\n labelId={nativetimepickerId}\n disableLabelAnimation\n >\n <NativeTimePickerBase\n onChange={onChange}\n aria-labelledby={nativetimepickerId}\n ref={ref}\n {...rest}\n />\n </BaseFormControl>\n );\n },\n);\n\ntype NativeTimePickerBaseProps = {\n variant?: VariantType;\n} & React.DetailedHTMLProps<\n React.InputHTMLAttributes<HTMLInputElement>,\n HTMLInputElement\n>;\n\nconst NativeTimePickerBase = React.forwardRef<\n HTMLInputElement,\n NativeTimePickerBaseProps\n>(({ onChange, value, ...rest }, ref) => {\n const contextVariant = useVariant();\n const currentVariant = rest.variant || contextVariant;\n const { isFilled: isTimepickerFilled, setFilled: setFiller } =\n useInputGroupContext();\n\n useOnMount(() => {\n setFiller && !isTimepickerFilled && setFiller(true);\n });\n\n React.useEffect(() => {\n if (value) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n }, [value, setFiller, isTimepickerFilled]);\n\n const handleChange = (event: any) => {\n if (isFilled(event.target)) {\n setFiller && !isTimepickerFilled && setFiller(true);\n } else {\n setFiller && isTimepickerFilled && setFiller(false);\n }\n if (onChange) {\n onChange(event);\n }\n };\n return (\n <input\n ref={ref}\n aria-invalid={currentVariant === 'error'}\n type=\"time\"\n className=\"eds-form-control\"\n onChange={handleChange}\n value={value}\n {...rest}\n />\n );\n});\n","import { warnAboutMissingStyles } from '@entur/utils';\nimport './index.scss';\n\nwarnAboutMissingStyles('datepicker', 'form', 'icons');\n\nexport * from './DatePicker';\nexport * from './TimePicker';\nexport * from './shared';\n\nexport type {\n DateValue,\n CalendarDate,\n CalendarDateTime,\n ZonedDateTime,\n Time,\n} from '@internationalized/date';\nexport type { TimeValue } from '@react-types/datepicker';\n","import React, { ReactNode, useRef } from 'react';\n\nimport { useDatePickerState } from '@react-stately/datepicker';\nimport { useDatePicker } from '@react-aria/datepicker';\nimport { I18nProvider } from '@react-aria/i18n';\nimport {\n useFloating,\n offset,\n flip,\n shift,\n autoUpdate,\n} from '@floating-ui/react-dom';\nimport FocusLock from 'react-focus-lock';\nimport classNames from 'classnames';\n\nimport type {\n DateValue,\n AriaDatePickerProps,\n MappedDateValue,\n} from '@react-types/datepicker';\n\nimport {\n ConditionalWrapper,\n useOnClickOutside,\n useOnEscape,\n useWindowDimensions,\n} from '@entur/utils';\nimport { space, zIndexes } from '@entur/tokens';\nimport { CalendarIcon } from '@entur/icons';\nimport { Modal } from '@entur/modal';\n\nimport type { VariantType } from '@entur/form';\n\nimport { DateField } from './DateField';\nimport { Calendar } from './Calendar';\nimport { CalendarButton } from '../shared/CalendarButton';\n\nimport './DatePicker.scss';\n\nexport type DatePickerProps<DateType extends DateValue> = {\n /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */\n selectedDate: DateType | null;\n /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */\n onChange: (value: MappedDateValue<DateType> | null) => void;\n /** Ledetekst for inputfeltet til DatePicker */\n label: string;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)\n * @default false\n */\n showTimeZone?: boolean;\n /** Viser tidspunkt i tillegg til dato.\n * OBS: selectedDate må være av typen CalendarDateTime eller ZonedDateTime\n */\n showTime?: boolean;\n /** Tidligste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone. */\n minDate?: DateValue;\n /** Seneste gyldige datovalg.\n * Eks: today(getLocalTimeZone()) == i dag i lokal tidssone\n *\n * OBS: Hvis du bruker dato med tid vil det være til, men ikke med denne datoen */\n maxDate?: DateValue;\n /** Funksjon som tar inn en dato og sier om den er utilgjengelig.\n * Eks. (date) => isWeekend(date, 'no-NO') == helgedager er ikke tilgjengelig */\n isDateUnavailable?: (date: DateValue) => boolean;\n /** Varselmelding, som vil komme under DatePicker sitt inputfelt */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n /** Varselmelding som forteller om ugyldig dato\n * @default \"Ugyldig dato\"\n */\n validationFeedback?: string;\n /** Valideringsvariant for melding om ugyldig dato\n * @default \"error\"\n */\n validationVariant?: VariantType;\n disabled?: boolean;\n /** Hvis true vil kalenderen alltid vises i en popover når den åpnes\n * @default false\n */\n disableModal?: boolean;\n /** Maxbredden til viewport-en for at modal skal vises\n * @default 1000\n */\n modalTreshold?: number;\n labelTooltip?: React.ReactNode;\n /** Skjermlesertest som forklarer navigasjon i kalenderen. Oversettes automatisk for engelsk locale, men ikke andre språk.\n * @default 'Bruk piltastene til å navigere mellom datoer'\n */\n navigationDescription?: string;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaDatePickerProps<DateType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const DatePicker = <DateType extends DateValue>({\n selectedDate: value,\n onChange,\n locale,\n disabled: isDisabled,\n showTime,\n showTimeZone = false,\n className,\n style,\n variant,\n feedback,\n validationVariant,\n validationFeedback,\n disableModal = false,\n labelTooltip,\n navigationDescription,\n minDate: minValue,\n maxDate: maxValue,\n modalTreshold = 1000,\n ...rest\n}: DatePickerProps<DateType>) => {\n const CALENDAR_MODAL_MAX_SCREEN_WIDTH = modalTreshold;\n const datePickerRef = useRef<HTMLDivElement | null>(null);\n const calendarRef = useRef<HTMLDivElement | null>(null);\n const dateFieldRef = useRef<HTMLDivElement | null>(null);\n\n const { width } = useWindowDimensions();\n\n const state = useDatePickerState({\n ...rest,\n minValue,\n maxValue,\n value: value === null ? undefined : value,\n onChange,\n granularity: showTime ? 'minute' : rest.granularity,\n });\n const {\n groupProps,\n labelProps,\n fieldProps,\n buttonProps,\n dialogProps,\n calendarProps,\n } = useDatePicker(\n { isDisabled, minValue, maxValue, ...rest },\n state,\n datePickerRef,\n );\n\n // calculations for floating-UI popover position\n const { x, y, reference, floating, strategy } = useFloating({\n whileElementsMounted: autoUpdate,\n placement: 'bottom-start',\n middleware: [\n offset(space.extraSmall),\n flip(),\n shift({ padding: space.extraSmall }),\n ],\n });\n\n const onChangeCalendar = (newSelectedDate: DateValue) => {\n // Necessary to avoid state update on unmounted component\n requestAnimationFrame(() => {\n calendarProps.onChange && calendarProps.onChange(newSelectedDate);\n });\n };\n\n useOnClickOutside([calendarRef], () => {\n state.setOpen(false);\n });\n\n useOnEscape(calendarRef, () => {\n state.setOpen(false);\n });\n\n const calendarSharedProps = {\n ...dialogProps,\n ...calendarProps,\n disabled: calendarProps.isDisabled,\n navigationDescription: navigationDescription,\n onSelectedCellClick: () => state.setOpen(false),\n onChange: onChangeCalendar,\n granularity: showTime ? 'minute' : rest.granularity,\n };\n\n const useModal = width <= CALENDAR_MODAL_MAX_SCREEN_WIDTH && !disableModal;\n\n const popoverCalendar = (\n <div\n // styling for floating-UI popover\n style={{\n position: strategy,\n top: y ?? 0,\n left: x ?? 0,\n zIndex: zIndexes.popover,\n }}\n ref={node => {\n floating(node);\n }}\n >\n <FocusLock disabled={!state.isOpen || useModal} returnFocus>\n {state.isOpen && (\n <Calendar {...calendarSharedProps} ref={calendarRef} />\n )}\n </FocusLock>\n </div>\n );\n\n const modalCalendar = (\n <Modal\n size=\"small\"\n title=\"\"\n open={state.isOpen}\n onDismiss={() => state.setOpen(false)}\n closeOnClickOutside\n className=\"eds-datepicker__calendar-modal\"\n >\n <Calendar {...calendarSharedProps} />\n </Modal>\n );\n\n return (\n <ConditionalWrapper\n condition={locale !== undefined}\n wrapper={(child: ReactNode) => (\n <I18nProvider locale={locale}>{child}</I18nProvider>\n )}\n >\n <div className={classNames('eds-datepicker', className)}>\n <div\n {...groupProps}\n ref={node => {\n datePickerRef.current = node;\n reference(node);\n }}\n id={undefined}\n className=\"eds-datepicker__datefield__wrapper\"\n >\n <DateField\n {...fieldProps}\n selectedDate={state.value}\n label={rest.label}\n labelProps={labelProps}\n showTime={showTime}\n showTimeZone={showTimeZone}\n ref={dateFieldRef}\n variant={variant}\n feedback={feedback}\n validationVariant={validationVariant}\n validationFeedback={validationFeedback}\n labelTooltip={labelTooltip}\n className={classNames('eds-datepicker__datefield', {\n 'eds-datepicker__datefield--disabled': fieldProps.isDisabled,\n })}\n />\n {!fieldProps.isDisabled && (\n <CalendarButton\n {...buttonProps}\n onPress={() => state.setOpen(!state.isOpen)}\n className=\"eds-datepicker__open-calendar-button\"\n >\n <CalendarIcon />\n </CalendarButton>\n )}\n {useModal ? modalCalendar : popoverCalendar}\n </div>\n </div>\n </ConditionalWrapper>\n );\n};\n","import React, { useRef } from 'react';\nimport classNames from 'classnames';\nimport { useTimeField } from '@react-aria/datepicker';\nimport { I18nProvider, useLocale } from '@react-aria/i18n';\nimport { useTimeFieldState } from '@react-stately/datepicker';\nimport { getLocalTimeZone, now } from '@internationalized/date';\n\nimport type {\n TimeValue,\n AriaTimeFieldProps,\n MappedTimeValue,\n} from '@react-types/datepicker';\n\nimport { BaseFormControl, VariantType } from '@entur/form';\nimport { useRandomId, mergeRefs } from '@entur/utils';\n\nimport { FieldSegment } from '../shared/FieldSegment';\nimport { TimePickerArrowButton } from './TimePickerArrowButton';\n\nimport './TimePicker.scss';\n\nexport type TimePickerProps<TimeType extends TimeValue> = {\n /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */\n selectedTime: TimeType | null;\n /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */\n onChange: (value: MappedTimeValue<TimeType> | null) => void;\n /** Label til TimePicker */\n label: string;\n /** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker\n * @default 30\n */\n minuteIncrementForArrowButtons?: number;\n /** BCP47-språkkoden til locale-en du ønsker å bruke.\n * @default Brukerenhetens selvvalgte locale\n */\n locale?: string;\n /** Viser den gjeldende tidssonen hvis en er valgt\n * @default false\n */\n showTimeZone?: boolean;\n /** Aria-label for venstrepil-knappen som trekker fra tid\n * @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`\n */\n leftArrowButtonAriaLabel?: string;\n /** Aria-label for høyrepil-knappen som legger til tid\n * @default `Legg til ${minuteIncrementForArrowButtons} minutter`\n */\n rightArrowButtonAriaLabel?: string;\n /** Varselmelding, som vil komme under TimePicker */\n feedback?: string;\n /** Valideringsvariant */\n variant?: VariantType;\n labelTooltip?: React.ReactNode;\n disabled?: boolean;\n inputRef?: React.ForwardedRef<HTMLDivElement>;\n /** Ekstra klassenavn */\n className?: string;\n style?: React.CSSProperties;\n} & Omit<\n AriaTimeFieldProps<TimeType>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'hideTimeZone'\n | 'placeholder'\n | 'minValue'\n | 'maxValue'\n>;\n\nexport const TimePicker = <TimeType extends TimeValue>({\n selectedTime,\n onChange,\n disabled,\n className,\n style,\n label,\n labelTooltip,\n feedback,\n variant,\n locale: customLocale,\n showTimeZone,\n minuteIncrementForArrowButtons = 30,\n leftArrowButtonAriaLabel = `Trekk fra ${minuteIncrementForArrowButtons} minutter`,\n rightArrowButtonAriaLabel = `Legg til ${minuteIncrementForArrowButtons} minutter`,\n inputRef,\n ...rest\n}: TimePickerProps<TimeType>) => {\n let { locale } = useLocale();\n if (customLocale) locale = customLocale;\n\n const state = useTimeFieldState({\n onChange,\n label: label,\n locale,\n value: selectedTime === null ? undefined : selectedTime,\n hideTimeZone: !showTimeZone,\n isDisabled: disabled,\n ...rest,\n });\n const timeFieldRef = useRef(null);\n const { labelProps, fieldProps } = useTimeField<TimeType>(\n { ...rest, label: label },\n state,\n timeFieldRef,\n );\n const id = useRandomId('timepicker');\n\n const handleOnClickArrowButton = (minutes: number) => {\n if (someSegmentIsUndefined) {\n setTimeToNearestMinuteIncrement();\n } else {\n addMinutesToSelectedTime(minutes);\n }\n };\n\n const someSegmentIsUndefined = state.segments.some(\n segment => segment.text === '––',\n );\n\n const setTimeToNearestMinuteIncrement = () => {\n const currentTime = now(getLocalTimeZone());\n const roundedMinute =\n Math.floor(currentTime.minute / minuteIncrementForArrowButtons) *\n minuteIncrementForArrowButtons;\n const newTime = currentTime.set({ minute: roundedMinute });\n // @ts-expect-error Since this function is used when selectedTime is null,\n // we can't guarantee newTime matching the type of selectedTime in the future.\n // This might lead to a type issue.\n onChange(newTime);\n };\n\n const addMinutesToSelectedTime = (minutes: number) => {\n state.value &&\n state.setValue(\n state.value?.add({\n minutes: minutes,\n }),\n );\n };\n\n return (\n <I18nProvider locale={locale}>\n <div className={classNames(className, 'eds-timepicker__wrapper')}>\n <TimePickerArrowButton\n direction=\"left\"\n disabled={disabled}\n aria-label={leftArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons * -1)\n }\n />\n <BaseFormControl\n style={style}\n className={'eds-timepicker'}\n labelId={id}\n label={label}\n labelProps={{ ...labelProps }}\n ref={mergeRefs(timeFieldRef, inputRef)}\n disabled={disabled}\n disableLabelAnimation\n labelTooltip={labelTooltip}\n {...fieldProps}\n variant={variant}\n feedback={feedback}\n >\n {state.segments.map((segment, i) => (\n <FieldSegment segment={segment} state={state} key={i} />\n ))}\n </BaseFormControl>\n <TimePickerArrowButton\n direction=\"right\"\n disabled={disabled}\n aria-label={rightArrowButtonAriaLabel}\n onClick={() =>\n handleOnClickArrowButton(minuteIncrementForArrowButtons)\n }\n />\n </div>\n </I18nProvider>\n );\n};\n"],"names":["inputResult","FieldSegment","_ref","segment","state","ref","useRef","segmentProps","useDateSegment","is12HourFormatted","segments","some","text","React","createElement","className","classNames","isPlaceholder","tabIndex","isDisabled","match","padStart","nativeDateToDateTime","date","timeZone","offset","ZonedDateTime","getFullYear","getMonth","getDate","getHours","getMinutes","getSeconds","parseAbsolute","toISOString","CalendarDateTime","createCalendar","identifier","GregorianCalendar","Error","ariaLabelIfNorwegian","norwegianAriaLabel","locale","propsCollection","toLowerCase","DateField","forwardRef","value","selectedDate","label","customLocale","showTimeZone","showTime","_ref$granularity","granularity","disabled","variant","feedback","_ref$validationVarian","validationVariant","_ref$validationFeedba","validationFeedback","labelTooltip","minValue","minDate","maxValue","maxDate","style","parentLabelProps","labelProps","append","rest","_objectWithoutPropertiesLoose","_excluded","_useLocale","useLocale","useDateFieldState","_extends","undefined","hideTimeZone","dateFieldRef","useDateField","fieldProps","id","useRandomId","ConditionalWrapper","condition","wrapper","child","I18nProvider","BaseFormControl","labelId","mergeRefs","disableLabelAnimation","validationState","ariaAlertOnFeedback","map","i","key","CalendarButton","children","props","_useButton","useButton","IconButton","buttonProps","CalendarCell","_state$timeZone","_ref$onSelectedCellCl","onSelectedCellClick","cellRef","_useCalendarCell","useCalendarCell","isSelected","isOutsideVisibleRange","isUnavailable","formattedDate","cellProps","hidden","isEqualDay","now","getLocalTimeZone","onClick","e","onKeyDown","CalendarGrid","navigationDescription","calendarGridId","_useCalendarGrid","useCalendarGrid","gridProps","headerProps","weekDays","weeksInMonth","getWeeksInMonth","visibleRange","start","weeksArray","Array","from","keys","Fragment","cellSpacing","includes","day","weekDaysMapped","index","weekIndex","getDatesInWeek","VisuallyHidden","Calendar","onChange","useCalendarState","_useCalendar","useCalendar","prevButtonProps","nextButtonProps","title","calendarProps","LeftArrowIcon","size","RightArrowIcon","NativeDatePicker","_ref$prepend","prepend","DateIcon","inline","nativedatepickerId","isFilled","NativeDatePickerBase","_ref2","_excluded2","contextVariant","useVariant","currentVariant","_useInputGroupContext","useInputGroupContext","isDatepickerFilled","setFiller","setFilled","useOnMount","useEffect","type","event","target","TimePickerArrowButton","direction","ariaLabel","NativeTimePicker","nativetimepickerId","NativeTimePickerBase","isTimepickerFilled","warnAboutMissingStyles","_ref$showTimeZone","_ref$disableModal","disableModal","_ref$modalTreshold","modalTreshold","CALENDAR_MODAL_MAX_SCREEN_WIDTH","datePickerRef","calendarRef","width","useWindowDimensions","useDatePickerState","_useDatePicker","useDatePicker","groupProps","dialogProps","_useFloating","useFloating","whileElementsMounted","autoUpdate","placement","middleware","space","extraSmall","flip","shift","padding","x","y","reference","floating","strategy","useOnClickOutside","setOpen","useOnEscape","calendarSharedProps","newSelectedDate","requestAnimationFrame","useModal","popoverCalendar","position","top","left","zIndex","zIndexes","popover","node","FocusLock","isOpen","returnFocus","modalCalendar","Modal","open","onDismiss","closeOnClickOutside","current","onPress","CalendarIcon","_ref$showClockIcon","showClockIcon","inputRef","_ref$padding","readOnly","selectedTime","showSeconds","useState","inputText","_useState","setInputText","timeFieldRef","lastValidSelectedTime","_useState2","setLastValidSelectedTime","useTimeFieldState","isReadOnly","useTimeField","updateInputWithSelectedTime","toString","selectedTimeString","getStringFromTimeValue","timeFieldIsFocused","document","activeElement","addPlaceholderToInput","timeValue","timeObject","toTime","slice","handleChangeTime","newTime","getValueForOnChangeFromInput","INVALID","formatedTimeString","formatTimeString","newTimeObject","formatedTimeStringToTimeObject","RESET_TIME","getSelectedTimeWithTimeFromObject","timeString","length","numberOfColons","RegExp","stringLength","stringSlice","stringLengthIsEven","hourString","minuteString","secondString","isNumberTest","parseTime","Time","set","hour","minute","second","usedFieldProps","TextField","ClockIcon","_timeFieldRef$current","focus","onBlur","onFocus","placeholder","_timeFieldRef$current2","_ref$minuteIncrementF","minuteIncrementForArrowButtons","_ref$leftArrowButtonA","leftArrowButtonAriaLabel","_ref$rightArrowButton","rightArrowButtonAriaLabel","handleOnClickArrowButton","minutes","someSegmentIsUndefined","setTimeToNearestMinuteIncrement","addMinutesToSelectedTime","currentTime","roundedMinute","Math","floor","_state$value","setValue","add","noTimeOnlyDate","CalendarDate","noDateOnlyTime","timeZoneForCalendarDateTime","Date","setHours","setMinutes","setSeconds","toDate","year","month"],"mappings":"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"}
package/dist/datepicker.esm.js CHANGED
@@ -827,7 +827,7 @@ var NativeTimePickerBase = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
827
827
  }, rest));
828
828
  });
829
829
 
830
- var _excluded = ["className", "disabled", "feedback", "showClockIcon", "inputRef", "label", "labelTooltip", "onChange", "padding", "readOnly", "selectedTime", "showSeconds", "style", "variant"],
830
+ var _excluded = ["append", "className", "disabled", "feedback", "showClockIcon", "inputRef", "label", "labelTooltip", "onChange", "padding", "prepend", "readOnly", "selectedTime", "showSeconds", "style", "variant"],
831
831
  _excluded2 = ["onBlur", "onClick", "onDragStart", "onFocus", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "onPointerUp"];
832
832
  var inputResult;
833
833
  (function (inputResult) {
@@ -835,16 +835,18 @@ var inputResult;
835
835
  inputResult[inputResult["INVALID"] = 1] = "INVALID";
836
836
  })(inputResult || (inputResult = {}));
837
837
  var SimpleTimePicker = function SimpleTimePicker(_ref) {
838
- var disabled = _ref.disabled,
838
+ var append = _ref.append,
839
+ disabled = _ref.disabled,
839
840
  feedback = _ref.feedback,
840
841
  _ref$showClockIcon = _ref.showClockIcon,
841
- showClockIcon = _ref$showClockIcon === void 0 ? false : _ref$showClockIcon,
842
+ showClockIcon = _ref$showClockIcon === void 0 ? 'right' : _ref$showClockIcon,
842
843
  inputRef = _ref.inputRef,
843
844
  label = _ref.label,
844
845
  labelTooltip = _ref.labelTooltip,
845
846
  onChange = _ref.onChange,
846
847
  _ref$padding = _ref.padding,
847
848
  padding = _ref$padding === void 0 ? 'default' : _ref$padding,
849
+ prepend = _ref.prepend,
848
850
  readOnly = _ref.readOnly,
849
851
  selectedTime = _ref.selectedTime,
850
852
  showSeconds = _ref.showSeconds,
@@ -967,16 +969,16 @@ var SimpleTimePicker = function SimpleTimePicker(_ref) {
967
969
  return React.createElement(I18nProvider, {
968
970
  locale: locale
969
971
  }, React.createElement(TextField, _extends({
970
- append: showClockIcon ? React.createElement(ClockIcon, {
971
- inline: true,
972
+ append: append || (showClockIcon === true || showClockIcon === 'right' ? React.createElement(ClockIcon, {
972
973
  onClick: function onClick() {
973
974
  var _timeFieldRef$current;
974
975
  return timeFieldRef == null ? void 0 : (_timeFieldRef$current = timeFieldRef.current) == null ? void 0 : _timeFieldRef$current.focus();
975
976
  }
976
- }) : undefined,
977
+ }) : undefined),
977
978
  className: classNames('eds-simple-timepicker', {
978
979
  'eds-simple-timepicker--padding-large': padding === 'large',
979
- 'eds-simple-timepicker--show-seconds': showSeconds
980
+ 'eds-simple-timepicker--show-seconds': showSeconds,
981
+ 'eds-simple-timepicker--hide-clock': !showClockIcon
980
982
  }),
981
983
  disabled: disabled,
982
984
  disableLabelAnimation: true,
@@ -1003,6 +1005,12 @@ var SimpleTimePicker = function SimpleTimePicker(_ref) {
1003
1005
  if (key === 'Enter') handleChangeTime();
1004
1006
  },
1005
1007
  placeholder: showSeconds ? '–– : –– : ––' : '–– : ––',
1008
+ prepend: prepend || (showClockIcon === 'left' ? React.createElement(ClockIcon, {
1009
+ onClick: function onClick() {
1010
+ var _timeFieldRef$current2;
1011
+ return timeFieldRef == null ? void 0 : (_timeFieldRef$current2 = timeFieldRef.current) == null ? void 0 : _timeFieldRef$current2.focus();
1012
+ }
1013
+ }) : undefined),
1006
1014
  readOnly: readOnly,
1007
1015
  ref: mergeRefs(timeFieldRef, inputRef),
1008
1016
  style: style,