.fk-daterangepicker .k-maskedtextbox {
  width: 16rem;
  min-width: 16rem;
}
.fk-daterangepicker .k-maskedtextbox:has(.k-clear-value) {
  width: 18rem;
  min-width: 18rem; /* FEATHER-1155 */
}
.fk-daterangepicker .k-input-suffix,
.fk-daterangepicker .k-input-prefix {
  cursor: pointer;
}
.fk-daterangepicker .k-input-suffix:hover,
.fk-daterangepicker .k-input-prefix:hover {
  background-color: var(--kendo-color-primary-subtle-hover);
}

/* THEMEBUILDER Multi calendar fixes - CUSTOM-DATE-RANGE */
/* NOTE: Cannot use .fk-daterangepicker here because .k-animation-container is added dynamically appended to the body */
.k-calendar-view.k-hstack {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 36rem;
}

/* THEMEBUILDER Multi calendar focus month highlight */
.k-calendar-table:has(.k-focus) {
  background-color: hsl(from var(--kendo-color-primary) h s 95%);
  border-radius: 0.25rem;
}

/* THEMEBUILDER Calendar updates */
/* remove extra space when switching between months */
/* THEMEBUILDER bug? set min-height to fit-content - CustomDatePicker */
.k-calendar-view {
  /* min-height: fit-content; */
}
/* when 2nd to last row is empty */
.k-calendar-table
  > .k-calendar-tbody
  > .k-calendar-tr:nth-last-child(2):has(
    .k-calendar-td:first-child:is(.k-empty)
  ) {
  display: none;
}
/* when last row is empty */
.k-calendar-table
  > .k-calendar-tbody
  > .k-calendar-tr:last-child:has(.k-calendar-td:first-child:is(.k-empty)) {
  display: none;
}

/* Custom Date Picker html */
.k-animation-container
  .k-child-animation-container
  .k-calendar
  .k-calendar-view.k-calendar-monthview
  .k-calendar-tr
  .k-calendar-td {
  width: 2.5rem;
  height: 2.5rem;
}
.k-animation-container
  .k-child-animation-container
  .k-calendar
  .k-calendar-view.k-calendar-monthview
  .k-calendar-tr
  .k-calendar-th {
  width: 2.5rem;
  height: 2.5rem;
}
.k-animation-container:has(.k-calendar-view) {
  margin-top: 0.25rem;
}

/* Custom Time Picker */
/* Custom Date Picker */
.fk-timepicker .k-timepicker,
.fk-datepicker .k-datepicker {
  width: 10rem;
  min-width: 10rem;
  display: flex;
  justify-content: space-between;
}

/* Masked Text Box used as custom input for fk-datepicker and fk-timepicker */
.fk-timepicker .k-timepicker.k-input .k-maskedtextbox.k-input,
.fk-timepicker .k-timepicker.k-input.k-focus .k-maskedtextbox.k-input,
.fk-datepicker .k-datepicker.k-input .k-maskedtextbox.k-input,
.fk-datepicker .k-datepicker.k-input.k-focus .k-maskedtextbox.k-input {
  /* get rid of the outline on .k-maskedtextbox */
  box-shadow: none;
}

.fk-datepicker .k-maskedtextbox,
.fk-timepicker .k-maskedtextbox {
  border-width: 0;
  border-radius: 0;
}

.fk-daterangepicker .k-disabled .k-icon,
.fk-timepicker .k-disabled .k-icon,
.fk-datepicker .k-disabled .k-icon {
  opacity: 0.5;
}