Sha256: 5ca280a077b08c443efdb27f6756ffda9c4822e462b11c257e54216ed4c341fc

Contents?: true

Size: 1.62 KB

Versions: 257

Compression:

Stored size: 1.62 KB

Contents

@import "../pb_caption/caption_mixin";
@import "../pb_textarea/textarea_mixin";
@import "../tokens/colors";
@import "./sass_partials/flatpickr_styles";
@import "./sass_partials/inline_styles";
@import "./sass_partials/month_and_year_styles";
@import "./sass_partials/time_selection_styles";
@import "./sass_partials/input_styles";
@import "./sass_partials/quick_pick_styles";

[class^=pb_date_picker_kit] {
  .input_wrapper {
    margin-bottom: $space_sm;
    position: relative;

    .flatpickr-wrapper {
      display: block;
    }

    @import "./sass_partials/calendar_input_icon";
  }

  &:focus,
  :focus-within {
    div.cal_icon_wrapper,
    input.date_picker_input {
      @include transition_default;
      border-color: $primary;
    }
    .add-on-card {
      border-color: $primary;
    }
  }

  @media (hover: hover) {
    &:hover {
      .add-on-card {
        cursor: pointer;
        background-color: rgba($focus_input_light,$opacity_5);
      }
    }
  }
  .text_input_wrapper_add_on .add-on-icon {
    color: $text_lt_light
  }

  .text_input_wrapper_add_on .add-on-right .text_input{
    cursor: pointer;
  }
  
}


.pb_popover_reference_wrapper {
  display: unset !important
}

.flatpickr-calendar {
  @import "./sass_partials/day_styles";
  @import "./sass_partials/header_styles";
  @import "./sass_partials/overrides";

  .date_picker_input.flatpickr-input {
    text-overflow: ellipsis;
    padding-right: $space_xl + 10 !important;
  }

  // Calendar Shadow and Border
  .flatpickr-calendar {
    box-shadow: $shadow_deeper;
    border: 1px solid $border_light;
  }

  // Hide Caret
  &:before,
  &:after {
    content: none;
  }
}

Version data entries

257 entries across 257 versions & 1 rubygems

Version Path
playbook_ui-13.20.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.19.0.pre.alpha.play1141iconkitusinglibrary2264 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.19.0.pre.alpha.PBNTR207tabledivsupport2261 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.19.0.pre.alpha.PBNTR207tabledivsupport2245 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.19.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.thor93bargraphoptions2219 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.thor93bargraphoptions2211 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.play1141iconkitusinglibrary2210 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.PLAY12062203 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.powercentrainplaybookpt22201 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.PLAY8672199 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.PBNTR191AdvancedTableFinalFixes2197 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.dependabotnpmandyarnreactrouterdom62212196 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.dependabotnpmandyarntypescripteslintparser56202194 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.PLAY12062192 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.useexactnodejsversionghactions2183 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.useexactnodejsversionghactions2181 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.useexactnodejsversionghactions2180 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.useexactnodejsversionghactions2179 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-13.18.0.pre.alpha.PBNTR191AdvancedTableFinalFixes2178 app/pb_kits/playbook/pb_date_picker/_date_picker.scss