@jobber/components 6.118.1-TAYLORfix-b410f1e.1 → 6.118.1

package/dist/Autocomplete/Autocomplete.types.d.ts

@@ -493,4 +493,15 @@ export type AutocompleteRebuiltProps<Value extends OptionLike = OptionLike, Mult
 export declare const menuOptions: <T extends OptionLike, ActionExtra extends object = ExtraProps>(options: T[], actions?: MenuAction<ActionExtra>[]) => MenuOptions<T, ActionExtra>;
 export declare const menuSection: <T extends OptionLike, SectionExtra extends object = ExtraProps, ActionExtra extends object = ExtraProps>(label: string, options: T[], actions?: MenuAction<ActionExtra>[], extra?: SectionExtra) => MenuSection<T, SectionExtra, ActionExtra>;
 export declare function defineMenu<T extends OptionLike, S extends object = ExtraProps, A extends object = ExtraProps>(menu: MenuItem<T, S, A>[]): MenuItem<T, S, A>[];
+export type RenderItem<T extends OptionLike, S extends object = Record<string, unknown>, A extends object = Record<string, unknown>> = {
+    kind: "option";
+    value: T;
+} | {
+    kind: "action";
+    action: MenuAction<A>;
+    origin?: ActionOrigin;
+} | {
+    kind: "section";
+    section: MenuSection<T, S, A>;
+};
 export {};

package/dist/Autocomplete/components/FloatingMenu.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import type { UseFloatingReturn, UseInteractionsReturn } from "@floating-ui/react";
-import type { ActionConfig, AutocompleteRebuiltProps, MenuFooter, MenuHeader, OptionLike } from "../Autocomplete.types";
-import type { RenderItem } from "../useAutocomplete";
+import type { ActionConfig, AutocompleteRebuiltProps, MenuFooter, MenuHeader, OptionLike, RenderItem } from "../Autocomplete.types";
 interface FloatingMenuProps<Value extends OptionLike> {
     readonly context: UseFloatingReturn["context"];
     readonly getFloatingProps: UseInteractionsReturn["getFloatingProps"];

package/dist/Autocomplete/components/MenuList.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
-import type { ActionConfig, AutocompleteRebuiltProps, OptionLike } from "../Autocomplete.types";
-import type { RenderItem } from "../useAutocomplete";
+import type { ActionConfig, AutocompleteRebuiltProps, OptionLike, RenderItem } from "../Autocomplete.types";
 interface MenuListProps<T extends OptionLike> {
     readonly items: Array<RenderItem<T>>;
     readonly activeIndex: number | null;

package/dist/Autocomplete/useAutocomplete.d.ts

@@ -1,16 +1,5 @@
 import type React from "react";
-import type { ActionConfig, ActionOrigin, AutocompleteRebuiltProps, MenuAction, MenuSection, OptionLike } from "./Autocomplete.types";
-export type RenderItem<T extends OptionLike, S extends object = Record<string, unknown>, A extends object = Record<string, unknown>> = {
-    kind: "option";
-    value: T;
-} | {
-    kind: "action";
-    action: MenuAction<A>;
-    origin?: ActionOrigin;
-} | {
-    kind: "section";
-    section: MenuSection<T, S, A>;
-};
+import type { ActionConfig, AutocompleteRebuiltProps, OptionLike, RenderItem } from "./Autocomplete.types";
 export declare function useAutocomplete<Value extends OptionLike, Multiple extends boolean = false, SectionExtra extends object = Record<string, unknown>, ActionExtra extends object = Record<string, unknown>>(props: AutocompleteRebuiltProps<Value, Multiple, SectionExtra, ActionExtra>, inputRef: React.RefObject<HTMLInputElement | HTMLTextAreaElement | null>): {
     renderable: RenderItem<Value, SectionExtra, ActionExtra>[];
     optionCount: number;

package/dist/Autocomplete/utils/menuModel.d.ts

@@ -1,6 +1,5 @@
 import type React from "react";
-import type { ActionConfig, MenuFooter, MenuHeader, MenuItem, MenuOptions, MenuSection, OptionLike } from "../Autocomplete.types";
-import type { RenderItem } from "../useAutocomplete";
+import type { ActionConfig, MenuFooter, MenuHeader, MenuItem, MenuOptions, MenuSection, OptionLike, RenderItem } from "../Autocomplete.types";
 export declare function flattenMenu<Value extends OptionLike, S extends object, A extends object>(menu: MenuItem<Value, S, A>[]): {
     optionItems: Value[];
     sections: (MenuSection<Value, S, A> | MenuOptions<Value, A>)[];

package/dist/DatePicker/DatePicker.d.ts

@@ -1,6 +1,5 @@
 import type { ReactElement } from "react";
 import React from "react";
-import "react-datepicker/dist/react-datepicker.css";
 import type { XOR } from "ts-xor";
 import type { DatePickerActivatorProps } from "./DatePickerActivator";
 import type { DayOfWeek } from "../sharedHelpers/types";

package/dist/styles.css

@@ -6919,9 +6919,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-top: var(--border-base) solid var(--color-border);
 }
 
-.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow {
+ {
+  /* sr-only utility class for accessibility */
+}
+.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
   border-color: #ccc;
   border-style: solid;
   border-width: 3px 3px 0 0;
@@ -6932,7 +6933,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   top: 6px;
   width: 9px;
 }
-/* sr-only utility class for accessibility */
 .react-datepicker__sr-only {
   position: absolute;
   width: 1px;
@@ -6963,8 +6963,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .react-datepicker--time-only .react-datepicker__time-container {
   border-left: 0;
 }
-.react-datepicker--time-only .react-datepicker__time,
-.react-datepicker--time-only .react-datepicker__time-box {
+.react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
   border-bottom-left-radius: 0.3rem;
   border-bottom-right-radius: 0.3rem;
 }
@@ -7002,18 +7001,11 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
   border-top-right-radius: 0.3rem;
 }
-.react-datepicker__year-dropdown-container--select,
-.react-datepicker__month-dropdown-container--select,
-.react-datepicker__month-year-dropdown-container--select,
-.react-datepicker__year-dropdown-container--scroll,
-.react-datepicker__month-dropdown-container--scroll,
-.react-datepicker__month-year-dropdown-container--scroll {
+.react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll {
   display: inline-block;
   margin: 0 15px;
 }
-.react-datepicker__current-month,
-.react-datepicker-time__header,
-.react-datepicker-year-header {
+.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
   margin-top: 0;
   color: #000;
   font-weight: bold;
@@ -7029,16 +7021,13 @@ h2.react-datepicker__current-month {
   overflow: hidden;
 }
 .react-datepicker__navigation {
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  -ms-flex-align: center;
+      align-items: center;
   background: none;
-  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  -ms-flex-pack: center;
+      justify-content: center;
   text-align: center;
   cursor: pointer;
   position: absolute;
@@ -7106,7 +7095,6 @@ h2.react-datepicker__current-month {
   text-align: center;
 }
 .react-datepicker__year-wrapper {
-  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
@@ -7122,8 +7110,7 @@ h2.react-datepicker__current-month {
   margin: 0.4rem;
   text-align: center;
 }
-.react-datepicker__month .react-datepicker__month-text,
-.react-datepicker__month .react-datepicker__quarter-text {
+.react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
   display: inline-block;
   width: 4rem;
   margin: 2px;
@@ -7148,8 +7135,7 @@ h2.react-datepicker__current-month {
 .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
   width: auto;
 }
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
-.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
+.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
@@ -7193,8 +7179,7 @@ h2.react-datepicker__current-month {
   padding-right: 0;
   padding-left: 0;
   width: 100%;
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
+  box-sizing: content-box;
 }
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
   height: 30px;
@@ -7250,9 +7235,7 @@ h2.react-datepicker__current-month {
 .react-datepicker__week {
   white-space: nowrap;
 }
-.react-datepicker__day-name,
-.react-datepicker__day,
-.react-datepicker__time-name {
+.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
   color: #000;
   display: inline-block;
   width: 1.7rem;
@@ -7260,64 +7243,37 @@ h2.react-datepicker__current-month {
   text-align: center;
   margin: 0.166rem;
 }
-.react-datepicker__day,
-.react-datepicker__month-text,
-.react-datepicker__quarter-text,
-.react-datepicker__year-text {
+.react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
   cursor: pointer;
 }
-.react-datepicker__day:not([aria-disabled=true]):hover,
-.react-datepicker__month-text:not([aria-disabled=true]):hover,
-.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
-.react-datepicker__year-text:not([aria-disabled=true]):hover {
+.react-datepicker__day:not([aria-disabled=true]):hover, .react-datepicker__month-text:not([aria-disabled=true]):hover, .react-datepicker__quarter-text:not([aria-disabled=true]):hover, .react-datepicker__year-text:not([aria-disabled=true]):hover {
   border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
-.react-datepicker__day--today,
-.react-datepicker__month-text--today,
-.react-datepicker__quarter-text--today,
-.react-datepicker__year-text--today {
+.react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
   font-weight: bold;
 }
-.react-datepicker__day--highlighted,
-.react-datepicker__month-text--highlighted,
-.react-datepicker__quarter-text--highlighted,
-.react-datepicker__year-text--highlighted {
+.react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
   border-radius: 0.3rem;
   background-color: #3dcc4a;
   color: #fff;
 }
-.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
-.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
-.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
-.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
+.react-datepicker__day--highlighted:not([aria-disabled=true]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
   background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
 }
-.react-datepicker__day--highlighted-custom-1,
-.react-datepicker__month-text--highlighted-custom-1,
-.react-datepicker__quarter-text--highlighted-custom-1,
-.react-datepicker__year-text--highlighted-custom-1 {
+.react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
   color: magenta;
 }
-.react-datepicker__day--highlighted-custom-2,
-.react-datepicker__month-text--highlighted-custom-2,
-.react-datepicker__quarter-text--highlighted-custom-2,
-.react-datepicker__year-text--highlighted-custom-2 {
+.react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
   color: green;
 }
-.react-datepicker__day--holidays,
-.react-datepicker__month-text--holidays,
-.react-datepicker__quarter-text--holidays,
-.react-datepicker__year-text--holidays {
+.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
   position: relative;
   border-radius: 0.3rem;
   background-color: #ff6803;
   color: #fff;
 }
-.react-datepicker__day--holidays .overlay,
-.react-datepicker__month-text--holidays .overlay,
-.react-datepicker__quarter-text--holidays .overlay,
-.react-datepicker__year-text--holidays .overlay {
+.react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
   position: absolute;
   bottom: 100%;
   left: 50%;
@@ -7330,89 +7286,43 @@ h2.react-datepicker__current-month {
   white-space: nowrap;
   visibility: hidden;
   opacity: 0;
-  -webkit-transition: visibility 0s, opacity 0.3s ease-in-out;
   transition: visibility 0s, opacity 0.3s ease-in-out;
 }
-.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
-.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
-.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
-.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
+.react-datepicker__day--holidays:not([aria-disabled=true]):hover, .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover, .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
   background-color: rgb(207, 82.9642857143, 0);
 }
-.react-datepicker__day--holidays:hover .overlay,
-.react-datepicker__month-text--holidays:hover .overlay,
-.react-datepicker__quarter-text--holidays:hover .overlay,
-.react-datepicker__year-text--holidays:hover .overlay {
+.react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay {
   visibility: visible;
   opacity: 1;
 }
-.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
-.react-datepicker__month-text--selected,
-.react-datepicker__month-text--in-selecting-range,
-.react-datepicker__month-text--in-range,
-.react-datepicker__quarter-text--selected,
-.react-datepicker__quarter-text--in-selecting-range,
-.react-datepicker__quarter-text--in-range,
-.react-datepicker__year-text--selected,
-.react-datepicker__year-text--in-selecting-range,
-.react-datepicker__year-text--in-range {
+.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
   border-radius: 0.3rem;
   background-color: #216ba5;
   color: #fff;
 }
-.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
-.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
-.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
-.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
-.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
-.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
-.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
-.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
-.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
-.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
+.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover, .react-datepicker__month-text--selected:not([aria-disabled=true]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover, .react-datepicker__year-text--selected:not([aria-disabled=true]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
   background-color: rgb(28.75, 93.2196969697, 143.75);
 }
-.react-datepicker__day--keyboard-selected,
-.react-datepicker__month-text--keyboard-selected,
-.react-datepicker__quarter-text--keyboard-selected,
-.react-datepicker__year-text--keyboard-selected {
+.react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
   border-radius: 0.3rem;
   background-color: rgb(186.25, 217.0833333333, 241.25);
   color: rgb(0, 0, 0);
 }
-.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
-.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
-.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
-.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
+.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
   background-color: rgb(28.75, 93.2196969697, 143.75);
 }
-.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
-.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
-.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range),
-.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
+.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
   background-color: rgba(33, 107, 165, 0.5);
 }
-.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
+.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
   background-color: #f0f0f0;
   color: #000;
 }
-.react-datepicker__day--disabled,
-.react-datepicker__month-text--disabled,
-.react-datepicker__quarter-text--disabled,
-.react-datepicker__year-text--disabled {
+.react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
   cursor: default;
   color: #ccc;
 }
-.react-datepicker__day--disabled .overlay,
-.react-datepicker__month-text--disabled .overlay,
-.react-datepicker__quarter-text--disabled .overlay,
-.react-datepicker__year-text--disabled .overlay {
+.react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
   position: absolute;
   bottom: 70%;
   left: 50%;
@@ -7425,7 +7335,6 @@ h2.react-datepicker__current-month {
   white-space: nowrap;
   visibility: hidden;
   opacity: 0;
-  -webkit-transition: visibility 0s, opacity 0.3s ease-in-out;
   transition: visibility 0s, opacity 0.3s ease-in-out;
 }
 .react-datepicker__input-container {
@@ -7436,43 +7345,29 @@ h2.react-datepicker__current-month {
 .react-datepicker__input-container .react-datepicker__calendar-icon {
   position: absolute;
   padding: 0.5rem;
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
+  box-sizing: content-box;
 }
 .react-datepicker__view-calendar-icon input {
   padding: 6px 10px 5px 25px;
 }
-.react-datepicker__year-read-view,
-.react-datepicker__month-read-view,
-.react-datepicker__month-year-read-view {
+.react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
   border: 1px solid transparent;
   border-radius: 0.3rem;
   position: relative;
 }
-.react-datepicker__year-read-view:hover,
-.react-datepicker__month-read-view:hover,
-.react-datepicker__month-year-read-view:hover {
+.react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
   cursor: pointer;
 }
-.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
+.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
   border-top-color: rgb(178.5, 178.5, 178.5);
 }
-.react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow {
+.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
   -webkit-transform: rotate(135deg);
           transform: rotate(135deg);
   right: -16px;
   top: 0;
 }
-.react-datepicker__year-dropdown,
-.react-datepicker__month-dropdown,
-.react-datepicker__month-year-dropdown {
+.react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
   background-color: #f0f0f0;
   position: absolute;
   width: 50%;
@@ -7483,60 +7378,41 @@ h2.react-datepicker__current-month {
   border-radius: 0.3rem;
   border: 1px solid #aeaeae;
 }
-.react-datepicker__year-dropdown:hover,
-.react-datepicker__month-dropdown:hover,
-.react-datepicker__month-year-dropdown:hover {
+.react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
   cursor: pointer;
 }
-.react-datepicker__year-dropdown--scrollable,
-.react-datepicker__month-dropdown--scrollable,
-.react-datepicker__month-year-dropdown--scrollable {
+.react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
   height: 150px;
   overflow-y: scroll;
 }
-.react-datepicker__year-option,
-.react-datepicker__month-option,
-.react-datepicker__month-year-option {
+.react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
   line-height: 20px;
   width: 100%;
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
-.react-datepicker__year-option:first-of-type,
-.react-datepicker__month-option:first-of-type,
-.react-datepicker__month-year-option:first-of-type {
+.react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
   border-top-left-radius: 0.3rem;
   border-top-right-radius: 0.3rem;
 }
-.react-datepicker__year-option:last-of-type,
-.react-datepicker__month-option:last-of-type,
-.react-datepicker__month-year-option:last-of-type {
+.react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
   -webkit-user-select: none;
-  -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   border-bottom-left-radius: 0.3rem;
   border-bottom-right-radius: 0.3rem;
 }
-.react-datepicker__year-option:hover,
-.react-datepicker__month-option:hover,
-.react-datepicker__month-year-option:hover {
+.react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
   background-color: #ccc;
 }
-.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
-.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
-.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
+.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
   border-bottom-color: rgb(178.5, 178.5, 178.5);
 }
-.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
-.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
-.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
+.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
   border-top-color: rgb(178.5, 178.5, 178.5);
 }
-.react-datepicker__year-option--selected,
-.react-datepicker__month-option--selected,
-.react-datepicker__month-year-option--selected {
+.react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
   position: absolute;
   left: 15px;
 }
@@ -7591,33 +7467,25 @@ h2.react-datepicker__current-month {
   background-color: rgba(0, 0, 0, 0.8);
   left: 0;
   top: 0;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  display: -webkit-box;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
   display: -ms-flexbox;
   display: flex;
   z-index: 2147483647;
 }
-.react-datepicker__portal .react-datepicker__day-name,
-.react-datepicker__portal .react-datepicker__day,
-.react-datepicker__portal .react-datepicker__time-name {
+.react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
   width: 3rem;
   line-height: 3rem;
 }
 @media (max-width: 400px), (max-height: 550px) {
-  .react-datepicker__portal .react-datepicker__day-name,
-  .react-datepicker__portal .react-datepicker__day,
-  .react-datepicker__portal .react-datepicker__time-name {
+  .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
     width: 2rem;
     line-height: 2rem;
   }
 }
-.react-datepicker__portal .react-datepicker__current-month,
-.react-datepicker__portal .react-datepicker-time__header {
+.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
   font-size: 1.44rem;
 }
 .react-datepicker__children-container {
@@ -7629,8 +7497,7 @@ h2.react-datepicker__current-month {
 }
 .react-datepicker__aria-live {
   position: absolute;
-  -webkit-clip-path: circle(0);
-          clip-path: circle(0);
+  clip-path: circle(0);
   border: 0;
   height: 1px;
   margin: -1px;
@@ -7644,16 +7511,13 @@ h2.react-datepicker__current-month {
   height: 1em;
   vertical-align: -0.125em;
 }
-
 .OmFI-Bfdzgw- {
   display: inline-block;
 }
-
 .HWDFy10kcYA- {
   display: block;
   width: 100%;
 }
-
 .Ma55F5Y-XhE-.react-datepicker {
   --datepicker-cell-size: calc(var(--space-base) * 2.375);
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
@@ -7667,17 +7531,14 @@ h2.react-datepicker__current-month {
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
 }
-
 .Ma55F5Y-XhE-._58kEbTu-IAA- {
   box-shadow: none;
 }
-
 .react-datepicker__input-container,
 .react-datepicker-wrapper {
   width: 100%;
   max-width: 100%;
 }
-
 .LDxKi0E-1rg- {
   position: fixed;
   top: 0;
@@ -7685,14 +7546,12 @@ h2.react-datepicker__current-month {
   z-index: 1001;
   z-index: var(--elevation-modal);
 }
-
 .Ma55F5Y-XhE- .react-datepicker__header {
   padding: 0;
   border-bottom: none;
   background: rgba(255, 255, 255, 1);
   background: var(--color-surface);
 }
-
 .Epg-Ub8Dn9A- {
   display: -ms-flexbox;
   display: flex;
@@ -7701,7 +7560,6 @@ h2.react-datepicker__current-month {
   -ms-flex-align: center;
       align-items: center;
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day {
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -7722,12 +7580,10 @@ h2.react-datepicker__current-month {
   -ms-flex-pack: center;
       justify-content: center;
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day--highlighted {
   background: hsl(40, 9%, 85%);
   background: var(--color-surface--active);
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day--outside-month {
   border-radius: 0;
   color: hsl(198, 35%, 21%);
@@ -7735,24 +7591,20 @@ h2.react-datepicker__current-month {
   background: hsl(40, 9%, 85%);
   background: var(--color-interactive--background);
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day--disabled {
   color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   cursor: default;
 }
-
 .Ma55F5Y-XhE- .react-datepicker__month {
   margin: 0;
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day--selected {
   color: rgba(255, 255, 255, 1);
   color: var(--color-text--reverse);
   background: hsl(107, 58%, 33%);
   background: var(--color-interactive);
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day-names {
   display: -ms-flexbox;
   display: flex;
@@ -7769,7 +7621,6 @@ h2.react-datepicker__current-month {
   -ms-flex-pack: justify;
       justify-content: space-between;
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day-name {
   width: auto;
   color: hsl(198, 35%, 21%);
@@ -7777,7 +7628,6 @@ h2.react-datepicker__current-month {
   -ms-flex: 1;
       flex: 1;
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day:hover,
 .Ma55F5Y-XhE- .react-datepicker__day:focus {
   border-radius: 8px;
@@ -7785,33 +7635,28 @@ h2.react-datepicker__current-month {
   background: hsl(43, 18%, 92%);
   background: var(--color-surface--hover);
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day--outside-month:hover,
 .Ma55F5Y-XhE- .react-datepicker__day--outside-month:focus {
   border-radius: 0;
   background: hsl(43, 5%, 72%);
   background: var(--color-interactive--background--hover);
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day:focus {
   position: relative;
   box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day--selected:hover,
 .Ma55F5Y-XhE- .react-datepicker__day--selected:focus {
   background: hsl(107, 65%, 24%);
   background: var(--color-interactive--hover);
 }
-
 .Ma55F5Y-XhE- .react-datepicker__day--disabled:hover,
 .Ma55F5Y-XhE- .react-datepicker__day--disabled:focus {
   box-shadow: none;
   background: transparent;
 }
-
 .Ma55F5Y-XhE-
   .react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
 .Ma55F5Y-XhE-
@@ -7820,7 +7665,6 @@ h2.react-datepicker__current-month {
   background: hsl(0, 0%, 93%);
   background: var(--color-disabled--secondary);
 }
-
 .Wx3NP8La95k- {
   margin-top: 1px;
   margin-top: var(--space-minuscule);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.118.1-TAYLORfix-b410f1e.1+b410f1e16",
+  "version": "6.118.1",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "b410f1e16134dfd75ef4acbb1c5c08afab7ba98c"
+  "gitHead": "4214777d44b28c2e1486c8fba8de3f839199213f"
 }