@jobber/components 6.118.1 → 6.118.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 (3) hide show
  1. package/dist/DatePicker/DatePicker.d.ts +1 -0
  2. package/dist/styles.css +213 -57
  3. package/package.json +2 -2
package/dist/DatePicker/DatePicker.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import type { ReactElement } from "react";
2
2
  import React from "react";
3
+ import "react-datepicker/dist/react-datepicker.css";
3
4
  import type { XOR } from "ts-xor";
4
5
  import type { DatePickerActivatorProps } from "./DatePickerActivator";
5
6
  import type { DayOfWeek } from "../sharedHelpers/types";
package/dist/styles.css CHANGED
@@ -6919,10 +6919,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
6919
6919
  border-top: var(--border-base) solid var(--color-border);
6920
6920
  }
6921
6921
 
6922
- {
6923
- /* sr-only utility class for accessibility */
6924
- }
6925
- .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 {
6922
+ .react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
6923
+ .react-datepicker__month-read-view--down-arrow,
6924
+ .react-datepicker__month-year-read-view--down-arrow {
6926
6925
  border-color: #ccc;
6927
6926
  border-style: solid;
6928
6927
  border-width: 3px 3px 0 0;
@@ -6933,6 +6932,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
6933
6932
  top: 6px;
6934
6933
  width: 9px;
6935
6934
  }
6935
+ /* sr-only utility class for accessibility */
6936
6936
  .react-datepicker__sr-only {
6937
6937
  position: absolute;
6938
6938
  width: 1px;
@@ -6963,7 +6963,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
6963
6963
  .react-datepicker--time-only .react-datepicker__time-container {
6964
6964
  border-left: 0;
6965
6965
  }
6966
- .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box {
6966
+ .react-datepicker--time-only .react-datepicker__time,
6967
+ .react-datepicker--time-only .react-datepicker__time-box {
6967
6968
  border-bottom-left-radius: 0.3rem;
6968
6969
  border-bottom-right-radius: 0.3rem;
6969
6970
  }
@@ -7001,11 +7002,18 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
7001
7002
  .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
7002
7003
  border-top-right-radius: 0.3rem;
7003
7004
  }
7004
- .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 {
7005
+ .react-datepicker__year-dropdown-container--select,
7006
+ .react-datepicker__month-dropdown-container--select,
7007
+ .react-datepicker__month-year-dropdown-container--select,
7008
+ .react-datepicker__year-dropdown-container--scroll,
7009
+ .react-datepicker__month-dropdown-container--scroll,
7010
+ .react-datepicker__month-year-dropdown-container--scroll {
7005
7011
  display: inline-block;
7006
7012
  margin: 0 15px;
7007
7013
  }
7008
- .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
7014
+ .react-datepicker__current-month,
7015
+ .react-datepicker-time__header,
7016
+ .react-datepicker-year-header {
7009
7017
  margin-top: 0;
7010
7018
  color: #000;
7011
7019
  font-weight: bold;
@@ -7021,13 +7029,16 @@ h2.react-datepicker__current-month {
7021
7029
  overflow: hidden;
7022
7030
  }
7023
7031
  .react-datepicker__navigation {
7024
- -ms-flex-align: center;
7025
- align-items: center;
7032
+ -webkit-box-align: center;
7033
+ -ms-flex-align: center;
7034
+ align-items: center;
7026
7035
  background: none;
7036
+ display: -webkit-box;
7027
7037
  display: -ms-flexbox;
7028
7038
  display: flex;
7029
- -ms-flex-pack: center;
7030
- justify-content: center;
7039
+ -webkit-box-pack: center;
7040
+ -ms-flex-pack: center;
7041
+ justify-content: center;
7031
7042
  text-align: center;
7032
7043
  cursor: pointer;
7033
7044
  position: absolute;
@@ -7095,6 +7106,7 @@ h2.react-datepicker__current-month {
7095
7106
  text-align: center;
7096
7107
  }
7097
7108
  .react-datepicker__year-wrapper {
7109
+ display: -webkit-box;
7098
7110
  display: -ms-flexbox;
7099
7111
  display: flex;
7100
7112
  -ms-flex-wrap: wrap;
@@ -7110,7 +7122,8 @@ h2.react-datepicker__current-month {
7110
7122
  margin: 0.4rem;
7111
7123
  text-align: center;
7112
7124
  }
7113
- .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text {
7125
+ .react-datepicker__month .react-datepicker__month-text,
7126
+ .react-datepicker__month .react-datepicker__quarter-text {
7114
7127
  display: inline-block;
7115
7128
  width: 4rem;
7116
7129
  margin: 2px;
@@ -7135,7 +7148,8 @@ h2.react-datepicker__current-month {
7135
7148
  .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
7136
7149
  width: auto;
7137
7150
  }
7138
- .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 {
7151
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
7152
+ .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
7139
7153
  -webkit-appearance: none;
7140
7154
  margin: 0;
7141
7155
  }
@@ -7179,7 +7193,8 @@ h2.react-datepicker__current-month {
7179
7193
  padding-right: 0;
7180
7194
  padding-left: 0;
7181
7195
  width: 100%;
7182
- box-sizing: content-box;
7196
+ -webkit-box-sizing: content-box;
7197
+ box-sizing: content-box;
7183
7198
  }
7184
7199
  .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
7185
7200
  height: 30px;
@@ -7235,7 +7250,9 @@ h2.react-datepicker__current-month {
7235
7250
  .react-datepicker__week {
7236
7251
  white-space: nowrap;
7237
7252
  }
7238
- .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
7253
+ .react-datepicker__day-name,
7254
+ .react-datepicker__day,
7255
+ .react-datepicker__time-name {
7239
7256
  color: #000;
7240
7257
  display: inline-block;
7241
7258
  width: 1.7rem;
@@ -7243,37 +7260,64 @@ h2.react-datepicker__current-month {
7243
7260
  text-align: center;
7244
7261
  margin: 0.166rem;
7245
7262
  }
7246
- .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
7263
+ .react-datepicker__day,
7264
+ .react-datepicker__month-text,
7265
+ .react-datepicker__quarter-text,
7266
+ .react-datepicker__year-text {
7247
7267
  cursor: pointer;
7248
7268
  }
7249
- .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 {
7269
+ .react-datepicker__day:not([aria-disabled=true]):hover,
7270
+ .react-datepicker__month-text:not([aria-disabled=true]):hover,
7271
+ .react-datepicker__quarter-text:not([aria-disabled=true]):hover,
7272
+ .react-datepicker__year-text:not([aria-disabled=true]):hover {
7250
7273
  border-radius: 0.3rem;
7251
7274
  background-color: #f0f0f0;
7252
7275
  }
7253
- .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today {
7276
+ .react-datepicker__day--today,
7277
+ .react-datepicker__month-text--today,
7278
+ .react-datepicker__quarter-text--today,
7279
+ .react-datepicker__year-text--today {
7254
7280
  font-weight: bold;
7255
7281
  }
7256
- .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted {
7282
+ .react-datepicker__day--highlighted,
7283
+ .react-datepicker__month-text--highlighted,
7284
+ .react-datepicker__quarter-text--highlighted,
7285
+ .react-datepicker__year-text--highlighted {
7257
7286
  border-radius: 0.3rem;
7258
7287
  background-color: #3dcc4a;
7259
7288
  color: #fff;
7260
7289
  }
7261
- .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 {
7290
+ .react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
7291
+ .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
7292
+ .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
7293
+ .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
7262
7294
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
7263
7295
  }
7264
- .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 {
7296
+ .react-datepicker__day--highlighted-custom-1,
7297
+ .react-datepicker__month-text--highlighted-custom-1,
7298
+ .react-datepicker__quarter-text--highlighted-custom-1,
7299
+ .react-datepicker__year-text--highlighted-custom-1 {
7265
7300
  color: magenta;
7266
7301
  }
7267
- .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 {
7302
+ .react-datepicker__day--highlighted-custom-2,
7303
+ .react-datepicker__month-text--highlighted-custom-2,
7304
+ .react-datepicker__quarter-text--highlighted-custom-2,
7305
+ .react-datepicker__year-text--highlighted-custom-2 {
7268
7306
  color: green;
7269
7307
  }
7270
- .react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
7308
+ .react-datepicker__day--holidays,
7309
+ .react-datepicker__month-text--holidays,
7310
+ .react-datepicker__quarter-text--holidays,
7311
+ .react-datepicker__year-text--holidays {
7271
7312
  position: relative;
7272
7313
  border-radius: 0.3rem;
7273
7314
  background-color: #ff6803;
7274
7315
  color: #fff;
7275
7316
  }
7276
- .react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
7317
+ .react-datepicker__day--holidays .overlay,
7318
+ .react-datepicker__month-text--holidays .overlay,
7319
+ .react-datepicker__quarter-text--holidays .overlay,
7320
+ .react-datepicker__year-text--holidays .overlay {
7277
7321
  position: absolute;
7278
7322
  bottom: 100%;
7279
7323
  left: 50%;
@@ -7286,43 +7330,89 @@ h2.react-datepicker__current-month {
7286
7330
  white-space: nowrap;
7287
7331
  visibility: hidden;
7288
7332
  opacity: 0;
7333
+ -webkit-transition: visibility 0s, opacity 0.3s ease-in-out;
7289
7334
  transition: visibility 0s, opacity 0.3s ease-in-out;
7290
7335
  }
7291
- .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 {
7336
+ .react-datepicker__day--holidays:not([aria-disabled=true]):hover,
7337
+ .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
7338
+ .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
7339
+ .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
7292
7340
  background-color: rgb(207, 82.9642857143, 0);
7293
7341
  }
7294
- .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 {
7342
+ .react-datepicker__day--holidays:hover .overlay,
7343
+ .react-datepicker__month-text--holidays:hover .overlay,
7344
+ .react-datepicker__quarter-text--holidays:hover .overlay,
7345
+ .react-datepicker__year-text--holidays:hover .overlay {
7295
7346
  visibility: visible;
7296
7347
  opacity: 1;
7297
7348
  }
7298
- .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 {
7349
+ .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
7350
+ .react-datepicker__month-text--selected,
7351
+ .react-datepicker__month-text--in-selecting-range,
7352
+ .react-datepicker__month-text--in-range,
7353
+ .react-datepicker__quarter-text--selected,
7354
+ .react-datepicker__quarter-text--in-selecting-range,
7355
+ .react-datepicker__quarter-text--in-range,
7356
+ .react-datepicker__year-text--selected,
7357
+ .react-datepicker__year-text--in-selecting-range,
7358
+ .react-datepicker__year-text--in-range {
7299
7359
  border-radius: 0.3rem;
7300
7360
  background-color: #216ba5;
7301
7361
  color: #fff;
7302
7362
  }
7303
- .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 {
7363
+ .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,
7364
+ .react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
7365
+ .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
7366
+ .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
7367
+ .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
7368
+ .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
7369
+ .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
7370
+ .react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
7371
+ .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
7372
+ .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
7304
7373
  background-color: rgb(28.75, 93.2196969697, 143.75);
7305
7374
  }
7306
- .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
7375
+ .react-datepicker__day--keyboard-selected,
7376
+ .react-datepicker__month-text--keyboard-selected,
7377
+ .react-datepicker__quarter-text--keyboard-selected,
7378
+ .react-datepicker__year-text--keyboard-selected {
7307
7379
  border-radius: 0.3rem;
7308
7380
  background-color: rgb(186.25, 217.0833333333, 241.25);
7309
7381
  color: rgb(0, 0, 0);
7310
7382
  }
7311
- .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 {
7383
+ .react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
7384
+ .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
7385
+ .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
7386
+ .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
7312
7387
  background-color: rgb(28.75, 93.2196969697, 143.75);
7313
7388
  }
7314
- .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) {
7389
+ .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),
7390
+ .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),
7391
+ .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),
7392
+ .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) {
7315
7393
  background-color: rgba(33, 107, 165, 0.5);
7316
7394
  }
7317
- .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) {
7395
+ .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),
7396
+ .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),
7397
+ .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),
7398
+ .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),
7399
+ .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),
7400
+ .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),
7401
+ .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) {
7318
7402
  background-color: #f0f0f0;
7319
7403
  color: #000;
7320
7404
  }
7321
- .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled {
7405
+ .react-datepicker__day--disabled,
7406
+ .react-datepicker__month-text--disabled,
7407
+ .react-datepicker__quarter-text--disabled,
7408
+ .react-datepicker__year-text--disabled {
7322
7409
  cursor: default;
7323
7410
  color: #ccc;
7324
7411
  }
7325
- .react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
7412
+ .react-datepicker__day--disabled .overlay,
7413
+ .react-datepicker__month-text--disabled .overlay,
7414
+ .react-datepicker__quarter-text--disabled .overlay,
7415
+ .react-datepicker__year-text--disabled .overlay {
7326
7416
  position: absolute;
7327
7417
  bottom: 70%;
7328
7418
  left: 50%;
@@ -7335,6 +7425,7 @@ h2.react-datepicker__current-month {
7335
7425
  white-space: nowrap;
7336
7426
  visibility: hidden;
7337
7427
  opacity: 0;
7428
+ -webkit-transition: visibility 0s, opacity 0.3s ease-in-out;
7338
7429
  transition: visibility 0s, opacity 0.3s ease-in-out;
7339
7430
  }
7340
7431
  .react-datepicker__input-container {
@@ -7345,29 +7436,43 @@ h2.react-datepicker__current-month {
7345
7436
  .react-datepicker__input-container .react-datepicker__calendar-icon {
7346
7437
  position: absolute;
7347
7438
  padding: 0.5rem;
7348
- box-sizing: content-box;
7439
+ -webkit-box-sizing: content-box;
7440
+ box-sizing: content-box;
7349
7441
  }
7350
7442
  .react-datepicker__view-calendar-icon input {
7351
7443
  padding: 6px 10px 5px 25px;
7352
7444
  }
7353
- .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
7445
+ .react-datepicker__year-read-view,
7446
+ .react-datepicker__month-read-view,
7447
+ .react-datepicker__month-year-read-view {
7354
7448
  border: 1px solid transparent;
7355
7449
  border-radius: 0.3rem;
7356
7450
  position: relative;
7357
7451
  }
7358
- .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover {
7452
+ .react-datepicker__year-read-view:hover,
7453
+ .react-datepicker__month-read-view:hover,
7454
+ .react-datepicker__month-year-read-view:hover {
7359
7455
  cursor: pointer;
7360
7456
  }
7361
- .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 {
7457
+ .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
7458
+ .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
7459
+ .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
7460
+ .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
7461
+ .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
7462
+ .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
7362
7463
  border-top-color: rgb(178.5, 178.5, 178.5);
7363
7464
  }
7364
- .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
7465
+ .react-datepicker__year-read-view--down-arrow,
7466
+ .react-datepicker__month-read-view--down-arrow,
7467
+ .react-datepicker__month-year-read-view--down-arrow {
7365
7468
  -webkit-transform: rotate(135deg);
7366
7469
  transform: rotate(135deg);
7367
7470
  right: -16px;
7368
7471
  top: 0;
7369
7472
  }
7370
- .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown {
7473
+ .react-datepicker__year-dropdown,
7474
+ .react-datepicker__month-dropdown,
7475
+ .react-datepicker__month-year-dropdown {
7371
7476
  background-color: #f0f0f0;
7372
7477
  position: absolute;
7373
7478
  width: 50%;
@@ -7378,41 +7483,60 @@ h2.react-datepicker__current-month {
7378
7483
  border-radius: 0.3rem;
7379
7484
  border: 1px solid #aeaeae;
7380
7485
  }
7381
- .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover {
7486
+ .react-datepicker__year-dropdown:hover,
7487
+ .react-datepicker__month-dropdown:hover,
7488
+ .react-datepicker__month-year-dropdown:hover {
7382
7489
  cursor: pointer;
7383
7490
  }
7384
- .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable {
7491
+ .react-datepicker__year-dropdown--scrollable,
7492
+ .react-datepicker__month-dropdown--scrollable,
7493
+ .react-datepicker__month-year-dropdown--scrollable {
7385
7494
  height: 150px;
7386
7495
  overflow-y: scroll;
7387
7496
  }
7388
- .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option {
7497
+ .react-datepicker__year-option,
7498
+ .react-datepicker__month-option,
7499
+ .react-datepicker__month-year-option {
7389
7500
  line-height: 20px;
7390
7501
  width: 100%;
7391
7502
  display: block;
7392
7503
  margin-left: auto;
7393
7504
  margin-right: auto;
7394
7505
  }
7395
- .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type {
7506
+ .react-datepicker__year-option:first-of-type,
7507
+ .react-datepicker__month-option:first-of-type,
7508
+ .react-datepicker__month-year-option:first-of-type {
7396
7509
  border-top-left-radius: 0.3rem;
7397
7510
  border-top-right-radius: 0.3rem;
7398
7511
  }
7399
- .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type {
7512
+ .react-datepicker__year-option:last-of-type,
7513
+ .react-datepicker__month-option:last-of-type,
7514
+ .react-datepicker__month-year-option:last-of-type {
7400
7515
  -webkit-user-select: none;
7516
+ -moz-user-select: none;
7401
7517
  -ms-user-select: none;
7402
7518
  user-select: none;
7403
7519
  border-bottom-left-radius: 0.3rem;
7404
7520
  border-bottom-right-radius: 0.3rem;
7405
7521
  }
7406
- .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover {
7522
+ .react-datepicker__year-option:hover,
7523
+ .react-datepicker__month-option:hover,
7524
+ .react-datepicker__month-year-option:hover {
7407
7525
  background-color: #ccc;
7408
7526
  }
7409
- .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 {
7527
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
7528
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
7529
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
7410
7530
  border-bottom-color: rgb(178.5, 178.5, 178.5);
7411
7531
  }
7412
- .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 {
7532
+ .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
7533
+ .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
7534
+ .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
7413
7535
  border-top-color: rgb(178.5, 178.5, 178.5);
7414
7536
  }
7415
- .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
7537
+ .react-datepicker__year-option--selected,
7538
+ .react-datepicker__month-option--selected,
7539
+ .react-datepicker__month-year-option--selected {
7416
7540
  position: absolute;
7417
7541
  left: 15px;
7418
7542
  }
@@ -7467,25 +7591,33 @@ h2.react-datepicker__current-month {
7467
7591
  background-color: rgba(0, 0, 0, 0.8);
7468
7592
  left: 0;
7469
7593
  top: 0;
7470
- -ms-flex-pack: center;
7471
- justify-content: center;
7472
- -ms-flex-align: center;
7473
- align-items: center;
7594
+ -webkit-box-pack: center;
7595
+ -ms-flex-pack: center;
7596
+ justify-content: center;
7597
+ -webkit-box-align: center;
7598
+ -ms-flex-align: center;
7599
+ align-items: center;
7600
+ display: -webkit-box;
7474
7601
  display: -ms-flexbox;
7475
7602
  display: flex;
7476
7603
  z-index: 2147483647;
7477
7604
  }
7478
- .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
7605
+ .react-datepicker__portal .react-datepicker__day-name,
7606
+ .react-datepicker__portal .react-datepicker__day,
7607
+ .react-datepicker__portal .react-datepicker__time-name {
7479
7608
  width: 3rem;
7480
7609
  line-height: 3rem;
7481
7610
  }
7482
7611
  @media (max-width: 400px), (max-height: 550px) {
7483
- .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
7612
+ .react-datepicker__portal .react-datepicker__day-name,
7613
+ .react-datepicker__portal .react-datepicker__day,
7614
+ .react-datepicker__portal .react-datepicker__time-name {
7484
7615
  width: 2rem;
7485
7616
  line-height: 2rem;
7486
7617
  }
7487
7618
  }
7488
- .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
7619
+ .react-datepicker__portal .react-datepicker__current-month,
7620
+ .react-datepicker__portal .react-datepicker-time__header {
7489
7621
  font-size: 1.44rem;
7490
7622
  }
7491
7623
  .react-datepicker__children-container {
@@ -7497,7 +7629,8 @@ h2.react-datepicker__current-month {
7497
7629
  }
7498
7630
  .react-datepicker__aria-live {
7499
7631
  position: absolute;
7500
- clip-path: circle(0);
7632
+ -webkit-clip-path: circle(0);
7633
+ clip-path: circle(0);
7501
7634
  border: 0;
7502
7635
  height: 1px;
7503
7636
  margin: -1px;
@@ -7511,13 +7644,16 @@ h2.react-datepicker__current-month {
7511
7644
  height: 1em;
7512
7645
  vertical-align: -0.125em;
7513
7646
  }
7647
+
7514
7648
  .OmFI-Bfdzgw- {
7515
7649
  display: inline-block;
7516
7650
  }
7651
+
7517
7652
  .HWDFy10kcYA- {
7518
7653
  display: block;
7519
7654
  width: 100%;
7520
7655
  }
7656
+
7521
7657
  .Ma55F5Y-XhE-.react-datepicker {
7522
7658
  --datepicker-cell-size: calc(var(--space-base) * 2.375);
7523
7659
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
@@ -7531,14 +7667,17 @@ h2.react-datepicker__current-month {
7531
7667
  background-color: rgba(255, 255, 255, 1);
7532
7668
  background-color: var(--color-surface);
7533
7669
  }
7670
+
7534
7671
  .Ma55F5Y-XhE-._58kEbTu-IAA- {
7535
7672
  box-shadow: none;
7536
7673
  }
7674
+
7537
7675
  .react-datepicker__input-container,
7538
7676
  .react-datepicker-wrapper {
7539
7677
  width: 100%;
7540
7678
  max-width: 100%;
7541
7679
  }
7680
+
7542
7681
  .LDxKi0E-1rg- {
7543
7682
  position: fixed;
7544
7683
  top: 0;
@@ -7546,12 +7685,14 @@ h2.react-datepicker__current-month {
7546
7685
  z-index: 1001;
7547
7686
  z-index: var(--elevation-modal);
7548
7687
  }
7688
+
7549
7689
  .Ma55F5Y-XhE- .react-datepicker__header {
7550
7690
  padding: 0;
7551
7691
  border-bottom: none;
7552
7692
  background: rgba(255, 255, 255, 1);
7553
7693
  background: var(--color-surface);
7554
7694
  }
7695
+
7555
7696
  .Epg-Ub8Dn9A- {
7556
7697
  display: -ms-flexbox;
7557
7698
  display: flex;
@@ -7560,6 +7701,7 @@ h2.react-datepicker__current-month {
7560
7701
  -ms-flex-align: center;
7561
7702
  align-items: center;
7562
7703
  }
7704
+
7563
7705
  .Ma55F5Y-XhE- .react-datepicker__day {
7564
7706
  display: -ms-inline-flexbox;
7565
7707
  display: inline-flex;
@@ -7580,10 +7722,12 @@ h2.react-datepicker__current-month {
7580
7722
  -ms-flex-pack: center;
7581
7723
  justify-content: center;
7582
7724
  }
7725
+
7583
7726
  .Ma55F5Y-XhE- .react-datepicker__day--highlighted {
7584
7727
  background: hsl(40, 9%, 85%);
7585
7728
  background: var(--color-surface--active);
7586
7729
  }
7730
+
7587
7731
  .Ma55F5Y-XhE- .react-datepicker__day--outside-month {
7588
7732
  border-radius: 0;
7589
7733
  color: hsl(198, 35%, 21%);
@@ -7591,20 +7735,24 @@ h2.react-datepicker__current-month {
7591
7735
  background: hsl(40, 9%, 85%);
7592
7736
  background: var(--color-interactive--background);
7593
7737
  }
7738
+
7594
7739
  .Ma55F5Y-XhE- .react-datepicker__day--disabled {
7595
7740
  color: hsl(0, 0%, 58%);
7596
7741
  color: var(--color-disabled);
7597
7742
  cursor: default;
7598
7743
  }
7744
+
7599
7745
  .Ma55F5Y-XhE- .react-datepicker__month {
7600
7746
  margin: 0;
7601
7747
  }
7748
+
7602
7749
  .Ma55F5Y-XhE- .react-datepicker__day--selected {
7603
7750
  color: rgba(255, 255, 255, 1);
7604
7751
  color: var(--color-text--reverse);
7605
7752
  background: hsl(107, 58%, 33%);
7606
7753
  background: var(--color-interactive);
7607
7754
  }
7755
+
7608
7756
  .Ma55F5Y-XhE- .react-datepicker__day-names {
7609
7757
  display: -ms-flexbox;
7610
7758
  display: flex;
@@ -7621,6 +7769,7 @@ h2.react-datepicker__current-month {
7621
7769
  -ms-flex-pack: justify;
7622
7770
  justify-content: space-between;
7623
7771
  }
7772
+
7624
7773
  .Ma55F5Y-XhE- .react-datepicker__day-name {
7625
7774
  width: auto;
7626
7775
  color: hsl(198, 35%, 21%);
@@ -7628,6 +7777,7 @@ h2.react-datepicker__current-month {
7628
7777
  -ms-flex: 1;
7629
7778
  flex: 1;
7630
7779
  }
7780
+
7631
7781
  .Ma55F5Y-XhE- .react-datepicker__day:hover,
7632
7782
  .Ma55F5Y-XhE- .react-datepicker__day:focus {
7633
7783
  border-radius: 8px;
@@ -7635,28 +7785,33 @@ h2.react-datepicker__current-month {
7635
7785
  background: hsl(43, 18%, 92%);
7636
7786
  background: var(--color-surface--hover);
7637
7787
  }
7788
+
7638
7789
  .Ma55F5Y-XhE- .react-datepicker__day--outside-month:hover,
7639
7790
  .Ma55F5Y-XhE- .react-datepicker__day--outside-month:focus {
7640
7791
  border-radius: 0;
7641
7792
  background: hsl(43, 5%, 72%);
7642
7793
  background: var(--color-interactive--background--hover);
7643
7794
  }
7795
+
7644
7796
  .Ma55F5Y-XhE- .react-datepicker__day:focus {
7645
7797
  position: relative;
7646
7798
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
7647
7799
  box-shadow: var(--shadow-focus);
7648
7800
  outline: none;
7649
7801
  }
7802
+
7650
7803
  .Ma55F5Y-XhE- .react-datepicker__day--selected:hover,
7651
7804
  .Ma55F5Y-XhE- .react-datepicker__day--selected:focus {
7652
7805
  background: hsl(107, 65%, 24%);
7653
7806
  background: var(--color-interactive--hover);
7654
7807
  }
7808
+
7655
7809
  .Ma55F5Y-XhE- .react-datepicker__day--disabled:hover,
7656
7810
  .Ma55F5Y-XhE- .react-datepicker__day--disabled:focus {
7657
7811
  box-shadow: none;
7658
7812
  background: transparent;
7659
7813
  }
7814
+
7660
7815
  .Ma55F5Y-XhE-
7661
7816
  .react-datepicker__day--disabled.react-datepicker__day--outside-month:hover,
7662
7817
  .Ma55F5Y-XhE-
@@ -7665,6 +7820,7 @@ h2.react-datepicker__current-month {
7665
7820
  background: hsl(0, 0%, 93%);
7666
7821
  background: var(--color-disabled--secondary);
7667
7822
  }
7823
+
7668
7824
  .Wx3NP8La95k- {
7669
7825
  margin-top: 1px;
7670
7826
  margin-top: var(--space-minuscule);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "6.118.1",
3
+ "version": "6.118.2",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -541,5 +541,5 @@
541
541
  "> 1%",
542
542
  "IE 10"
543
543
  ],
544
- "gitHead": "4214777d44b28c2e1486c8fba8de3f839199213f"
544
+ "gitHead": "77bb214822ff1ca35fb32915961d0a7151b23d8c"
545
545
  }