@bbl-digital/snorre 2.2.47 → 2.2.48

package/dist/bundle.js

@@ -821,8 +821,8 @@
     year: 'numeric'
   };
 
-  /**
-   * PRICES
+  /**
+   * PRICES
    */
 
   const getFormattedPrice = (price, decimals, roundDown) => {
@@ -867,8 +867,8 @@
     const formattedPrice = getFormattedPrice(price, decimals);
     return formattedPrice + ' kr';
   };
-  /**
-   * DATES
+  /**
+   * DATES
    */
 
 
@@ -893,8 +893,8 @@
     if (!date) return '';
     return `${getFormattedDate(date, opt)} kl ${getFormattedTime(date)}`;
   };
-  /**
-   * OTHERS
+  /**
+   * OTHERS
    */
 
 
@@ -24173,7 +24173,8 @@
     hideCloseButton,
     disableScroll = true,
     targetRefs,
-    disableScrollableContent
+    disableScrollableContent,
+    contentCss
   }) => {
     const modalRef = /*#__PURE__*/React__default['default'].createRef();
     const [isOpen, setOpen] = React.useState(open);
@@ -24235,6 +24236,7 @@
           }), jsxRuntime$1.jsx(HeaderWrapper$2, {
             children: header && header
           }), jsxRuntime$1.jsx(ModalContent, {
+            css: contentCss,
             scrollable: !disableScrollableContent,
             ref: disableScrollableContent ? modalRef : undefined,
             children: disableScrollableContent ? children : jsxRuntime$1.jsx(ScrollableDiv, {
@@ -25674,7 +25676,9 @@
     validation,
     maxDate,
     minDate,
-    withYearMonthForm = true
+    withYearMonthForm = true,
+    disabled,
+    disabledTitle
   }) => {
     const currentYear = new Date().getFullYear();
     const toDate = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
@@ -25716,6 +25720,7 @@
 
     return jsxRuntime$1.jsxs(Wrapper$t, {
       css: theme => [styles$b.default(theme), validation && styles$b.validation, invalidMessage && styles$b.invalid(theme)],
+      title: disabled ? disabledTitle : undefined,
       children: [jsxRuntime$1.jsx(Label$3, {
         children: label
       }), jsxRuntime$1.jsx(DayPickerInput__default['default'], {
@@ -25728,7 +25733,10 @@
         dayPickerProps: daypickerprops,
         placeholder: 'dd.mm.åååå',
         onDayPickerHide: onBlur,
-        value: value
+        value: value,
+        inputProps: {
+          disabled: disabled
+        }
       }), invalidMessage && jsxRuntime$1.jsx(IconErrorOutline$1, {
         size: "16px"
       }), invalidMessage && jsxRuntime$1.jsx(ErrorMessage$2, {
@@ -29675,7 +29683,10 @@
       const callbackValue = _isDate ? handleStringToDateConvertion(validatedTime, value) : validatedTime;
       callback(callbackValue);
       event.persist();
-    };
+    }; // Select all on input focus
+
+
+    const handleFocus = event => event.target.select();
 
     return jsxRuntime$1.jsxs("label", {
       css: theme => [styles$4.default(theme, height, _defaultWidth), validation && styles$4.validation, invalidMessage && styles$4.invalid(theme)],
@@ -29687,7 +29698,8 @@
         disabled: disabled,
         css: theme => [disabled && styles$4.disabled(theme), css && css],
         onChange: event => onInputChange(event, v => onChange && onChange(v)),
-        onBlur: onBlur
+        onBlur: onBlur,
+        onFocus: handleFocus
       }), invalidMessage && jsxRuntime$1.jsx(IconErrorOutline$1, {
         size: "16px"
       }), invalidMessage && jsxRuntime$1.jsx(ErrorMessage, {
@@ -30645,11 +30657,12 @@
     isModal,
     attachmentsRef,
     imageSrc,
+    showAllContent,
     onAttachmentDownload,
     onEventDownload,
     onModalClose
   }) => {
-    const [open, setOpen] = React.useState(false);
+    const [open, setOpen] = React.useState(!!showAllContent);
     const theme = react.useTheme();
 
     const Content = /*#__PURE__*/jsxRuntime.jsxs(Wrapper$1, {
@@ -30681,7 +30694,7 @@
               externalLinks: true,
               text: open ? notice.bodyHtml : notice.bodyHtml.substring(0, 2000)
             })
-          }), /*#__PURE__*/jsxRuntime.jsx(Div, {
+          }), !showAllContent && /*#__PURE__*/jsxRuntime.jsx(Div, {
             children: /*#__PURE__*/jsxRuntime.jsx(Link, {
               onClick: () => setOpen(!open),
               children: open ? 'Vis mindre' : 'Les mer'

package/esm/core/Datepicker/index.js

@@ -19,7 +19,9 @@ const Datepicker = ({
   validation,
   maxDate,
   minDate,
-  withYearMonthForm = true
+  withYearMonthForm = true,
+  disabled,
+  disabledTitle
 }) => {
   const currentYear = new Date().getFullYear();
   const toDate = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
@@ -61,6 +63,7 @@ const Datepicker = ({
 
   return _jsxs(Wrapper, {
     css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme)],
+    title: disabled ? disabledTitle : undefined,
     children: [_jsx(Label, {
       children: label
     }), _jsx(DayPickerInput, {
@@ -73,7 +76,10 @@ const Datepicker = ({
       dayPickerProps: daypickerprops,
       placeholder: 'dd.mm.åååå',
       onDayPickerHide: onBlur,
-      value: value
+      value: value,
+      inputProps: {
+        disabled: disabled
+      }
     }), invalidMessage && _jsx(IconErrorOutline, {
       size: "16px"
     }), invalidMessage && _jsx(ErrorMessage, {

package/esm/core/Modal/index.js

@@ -19,7 +19,8 @@ const Modal = ({
   hideCloseButton,
   disableScroll = true,
   targetRefs,
-  disableScrollableContent
+  disableScrollableContent,
+  contentCss
 }) => {
   const modalRef = /*#__PURE__*/React.createRef();
   const [isOpen, setOpen] = useState(open);
@@ -81,6 +82,7 @@ const Modal = ({
         }), _jsx(HeaderWrapper, {
           children: header && header
         }), _jsx(ModalContent, {
+          css: contentCss,
           scrollable: !disableScrollableContent,
           ref: disableScrollableContent ? modalRef : undefined,
           children: disableScrollableContent ? children : _jsx(ScrollableDiv, {

package/esm/core/NoticeCard/index.js

@@ -21,11 +21,12 @@ const NoticeCard = ({
   isModal,
   attachmentsRef,
   imageSrc,
+  showAllContent,
   onAttachmentDownload,
   onEventDownload,
   onModalClose
 }) => {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(!!showAllContent);
   const theme = useTheme();
 
   const Content = /*#__PURE__*/_jsxs(Wrapper, {
@@ -57,7 +58,7 @@ const NoticeCard = ({
             externalLinks: true,
             text: open ? notice.bodyHtml : notice.bodyHtml.substring(0, 2000)
           })
-        }), /*#__PURE__*/_jsx(Div, {
+        }), !showAllContent && /*#__PURE__*/_jsx(Div, {
           children: /*#__PURE__*/_jsx(Link, {
             onClick: () => setOpen(!open),
             children: open ? 'Vis mindre' : 'Les mer'

package/esm/core/Timepicker/index.js

@@ -102,7 +102,10 @@ const TimePicker = ({
     const callbackValue = _isDate ? handleStringToDateConvertion(validatedTime, value) : validatedTime;
     callback(callbackValue);
     event.persist();
-  };
+  }; // Select all on input focus
+
+
+  const handleFocus = event => event.target.select();
 
   return _jsxs("label", {
     css: theme => [styles.default(theme, height, _defaultWidth), validation && styles.validation, invalidMessage && styles.invalid(theme)],
@@ -114,7 +117,8 @@ const TimePicker = ({
       disabled: disabled,
       css: theme => [disabled && styles.disabled(theme), css && css],
       onChange: event => onInputChange(event, v => onChange && onChange(v)),
-      onBlur: onBlur
+      onBlur: onBlur,
+      onFocus: handleFocus
     }), invalidMessage && _jsx(IconErrorOutline, {
       size: "16px"
     }), invalidMessage && _jsx(ErrorMessage, {

package/esm/utils/format.js

@@ -1,6 +1,6 @@
 import { ddmmyyyy } from './dates';
-/**
- * PRICES
+/**
+ * PRICES
  */
 
 const getFormattedPrice = (price, decimals, roundDown) => {
@@ -45,8 +45,8 @@ const getFormattedPriceWithEnding = (price, decimals) => {
   const formattedPrice = getFormattedPrice(price, decimals);
   return formattedPrice + ' kr';
 };
-/**
- * DATES
+/**
+ * DATES
  */
 
 
@@ -71,8 +71,8 @@ const getFormattedDateTimePretty = (date, opt = ddmmyyyy) => {
   if (!date) return '';
   return `${getFormattedDate(date, opt)} kl ${getFormattedTime(date)}`;
 };
-/**
- * OTHERS
+/**
+ * OTHERS
  */
 
 

package/lib/core/Datepicker/index.d.ts

@@ -19,6 +19,10 @@ interface IProps {
     minDate?: Date;
     /** With month and year selects, defaults to true */
     withYearMonthForm?: boolean;
+    /** Disables input */
+    disabled?: boolean;
+    /** Adds title if disabled */
+    disabledTitle?: string;
 }
 declare const Datepicker: React.FC<IProps>;
 export default Datepicker;

package/lib/core/Datepicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAc1D,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+EhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Datepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAsC,MAAM,OAAO,CAAA;AAc1D,UAAU,MAAM;IACd,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAA;IAC/B,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,IAAI,CAAA;IACZ,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAID,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmFhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Datepicker/index.js

@@ -19,7 +19,9 @@ const Datepicker = ({
   validation,
   maxDate,
   minDate,
-  withYearMonthForm = true
+  withYearMonthForm = true,
+  disabled,
+  disabledTitle
 }) => {
   const currentYear = new Date().getFullYear();
   const toDate = maxDate ? new Date(maxDate) : new Date(currentYear, 11, 31);
@@ -61,6 +63,7 @@ const Datepicker = ({
 
   return _jsxs(Wrapper, {
     css: theme => [styles.default(theme), validation && styles.validation, invalidMessage && styles.invalid(theme)],
+    title: disabled ? disabledTitle : undefined,
     children: [_jsx(Label, {
       children: label
     }), _jsx(DayPickerInput, {
@@ -73,7 +76,10 @@ const Datepicker = ({
       dayPickerProps: daypickerprops,
       placeholder: 'dd.mm.åååå',
       onDayPickerHide: onBlur,
-      value: value
+      value: value,
+      inputProps: {
+        disabled: disabled
+      }
     }), invalidMessage && _jsx(IconErrorOutline, {
       size: "16px"
     }), invalidMessage && _jsx(ErrorMessage, {

package/lib/core/Modal/index.d.ts

@@ -1,5 +1,6 @@
 /** @jsxImportSource @emotion/react */
 import React from 'react';
+import { SerializedStyles } from '@emotion/react';
 interface IProps {
     /** Property for open modal */
     open?: boolean;
@@ -21,6 +22,8 @@ interface IProps {
     disableScroll?: boolean;
     /** Removes max-height and overflow: hidden from Modal-content, e.g: allow dropdown-content to appear outside Modal-content */
     disableScrollableContent?: boolean;
+    /** Override content css */
+    contentCss?: SerializedStyles;
 }
 declare const Modal: React.FC<IProps>;
 export default Modal;

package/lib/core/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAoBlD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA0F3B,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Modal/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA8B,MAAM,OAAO,CAAA;AAmBlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEjD,UAAU,MAAM;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oCAAoC;IACpC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,wBAAwB;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kCAAkC;IAClC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,6CAA6C;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8HAA8H;IAC9H,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,2BAA2B;IAC3B,UAAU,CAAC,EAAE,gBAAgB,CAAA;CAC9B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4F3B,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/core/Modal/index.js

@@ -19,7 +19,8 @@ const Modal = ({
   hideCloseButton,
   disableScroll = true,
   targetRefs,
-  disableScrollableContent
+  disableScrollableContent,
+  contentCss
 }) => {
   const modalRef = /*#__PURE__*/React.createRef();
   const [isOpen, setOpen] = useState(open);
@@ -81,6 +82,7 @@ const Modal = ({
         }), _jsx(HeaderWrapper, {
           children: header && header
         }), _jsx(ModalContent, {
+          css: contentCss,
           scrollable: !disableScrollableContent,
           ref: disableScrollableContent ? modalRef : undefined,
           children: disableScrollableContent ? children : _jsx(ScrollableDiv, {

package/lib/core/NoticeCard/index.d.ts

@@ -9,6 +9,8 @@ interface IProps {
     imageSrc?: string;
     /** Shows the notice in a Modal */
     isModal?: boolean;
+    /** Show all html content (removes show more / show less) */
+    showAllContent?: boolean;
     /** CB on close if Modal */
     onModalClose?: () => void;
     /** CB on event download */

package/lib/core/NoticeCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAQ3C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAOrD,UAAU,MAAM;IACd,iBAAiB;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,0BAA0B;IAC1B,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC/D;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,MAAM,CA0F1B,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/NoticeCard/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAA;AAQ3C,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAOrD,UAAU,MAAM;IACd,iBAAiB;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,8BAA8B;IAC9B,cAAc,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;IAC7C,oBAAoB;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,2BAA2B;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,0BAA0B;IAC1B,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC/D;AAED,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,MAAM,CA6F1B,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/NoticeCard/index.js

@@ -21,11 +21,12 @@ const NoticeCard = ({
   isModal,
   attachmentsRef,
   imageSrc,
+  showAllContent,
   onAttachmentDownload,
   onEventDownload,
   onModalClose
 }) => {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(!!showAllContent);
   const theme = useTheme();
 
   const Content = /*#__PURE__*/_jsxs(Wrapper, {
@@ -57,7 +58,7 @@ const NoticeCard = ({
             externalLinks: true,
             text: open ? notice.bodyHtml : notice.bodyHtml.substring(0, 2000)
           })
-        }), /*#__PURE__*/_jsx(Div, {
+        }), !showAllContent && /*#__PURE__*/_jsx(Div, {
           children: /*#__PURE__*/_jsx(Link, {
             onClick: () => setOpen(!open),
             children: open ? 'Vis mindre' : 'Les mer'

package/lib/core/Timepicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAmLhC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Timepicker/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAA;AAapD,aAAK,YAAY,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;AAElD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,6CAA6C;IAC7C,QAAQ,EAAE,YAAY,CAAA;IACtB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IACxB,wCAAwC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+FAA+F;IAC/F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwLhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/core/Timepicker/index.js

@@ -102,7 +102,10 @@ const TimePicker = ({
     const callbackValue = _isDate ? handleStringToDateConvertion(validatedTime, value) : validatedTime;
     callback(callbackValue);
     event.persist();
-  };
+  }; // Select all on input focus
+
+
+  const handleFocus = event => event.target.select();
 
   return _jsxs("label", {
     css: theme => [styles.default(theme, height, _defaultWidth), validation && styles.validation, invalidMessage && styles.invalid(theme)],
@@ -114,7 +117,8 @@ const TimePicker = ({
       disabled: disabled,
       css: theme => [disabled && styles.disabled(theme), css && css],
       onChange: event => onInputChange(event, v => onChange && onChange(v)),
-      onBlur: onBlur
+      onBlur: onBlur,
+      onFocus: handleFocus
     }), invalidMessage && _jsx(IconErrorOutline, {
       size: "16px"
     }), invalidMessage && _jsx(ErrorMessage, {

package/lib/utils/format.js

@@ -1,6 +1,6 @@
 import { ddmmyyyy } from './dates';
-/**
- * PRICES
+/**
+ * PRICES
  */
 
 const getFormattedPrice = (price, decimals, roundDown) => {
@@ -45,8 +45,8 @@ const getFormattedPriceWithEnding = (price, decimals) => {
   const formattedPrice = getFormattedPrice(price, decimals);
   return formattedPrice + ' kr';
 };
-/**
- * DATES
+/**
+ * DATES
  */
 
 
@@ -71,8 +71,8 @@ const getFormattedDateTimePretty = (date, opt = ddmmyyyy) => {
   if (!date) return '';
   return `${getFormattedDate(date, opt)} kl ${getFormattedTime(date)}`;
 };
-/**
- * OTHERS
+/**
+ * OTHERS
  */
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "2.2.47",
+  "version": "2.2.48",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",