@use 'libs/components/theme/src/lib/styles/mixins' as defaultMixins;
@use 'libs/components/theme/src/lib/styles/variables' as defaultVars;

.sky-ag-grid-cell-editor-datepicker {
  position: relative;
  top: 1px;
  left: 1px;

  sky-datepicker {
    input.sky-form-control {
      box-shadow: none;
      border-width: 1px;
      border-style: solid;
      border-color: transparent defaultVars.$sky-border-color-neutral-medium
        transparent transparent;
    }

    .sky-input-group-datepicker-btn {
      border-radius: 0;
    }
  }
}

@include defaultMixins.sky-theme-modern {
  .sky-ag-grid-cell-editor-datepicker {
    position: static;
    top: initial;
    left: initial;

    sky-datepicker {
      input.sky-form-control {
        border-radius: 0;
        border: 1px solid
          defaultVars.$sky-theme-modern-border-color-primary-dark;

        &:focus {
          border-width: 2px !important;
        }
      }
    }
  }
}
