Sha256: 73bc6c1bfd8195dee6c8c42b1b821ce527336380ffb6c905902dce33a6c7e017

Contents?: true

Size: 1.08 KB

Versions: 69

Compression:

Stored size: 1.08 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";



[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.text_input{
      @include transition_default;
      border-color: $primary;
    }
  }
}

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

  .text_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

69 entries across 69 versions & 1 rubygems

Version Path
playbook_ui-12.6.0.pre.alpha.sectionseparator1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.6.0.pre.alpha.menuyml1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.6.0.pre.alpha.collapsible1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.6.0.pre.alpha.cssphone1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.6.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.5.0.pre.alpha.phonerails1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.5.0.pre.alpha.filter1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.5.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.4.0.pre.alpha.map1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.4.0.pre.alpha.devdocstest1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.4.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.3.1.pre.alpha.phone1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.3.1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.3.0.pre.alpha.patchtest1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.3.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.2.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.1.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-12.0.0 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-11.20.0.pre.alpha.passthrough1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss
playbook_ui-11.20.0.pre.alpha.railsdialog1 app/pb_kits/playbook/pb_date_picker/_date_picker.scss