@shopify/polaris/build/esnext/components/DatePicker/DatePicker.out.css

Shopify’s admin product component library

.Polaris-DatePicker_1h7yp{
  --pc-date-picker-range-end-border-radius:var(--p-border-radius-200);
  position:relative;
}

.Polaris-DatePicker__MonthLayout_1rxud{
  display:flex;
  flex-wrap:wrap;
  margin-top:calc(var(--p-space-400)*-1);
  margin-left:calc(var(--p-space-400)*-1);
}

.Polaris-DatePicker__MonthContainer_wvj6b{
  flex:1 1 14.375rem;
  margin-top:var(--p-space-400);
  margin-left:var(--p-space-400);
  max-width:calc(100% - var(--p-space-400));
  min-width:14.375rem;
}

.Polaris-DatePicker__Month_2yc3r{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}

.Polaris-DatePicker__DayCell_1ufrd{
  width:14.28571%;
  background:transparent;
  margin:0;
  padding:0;
  border-radius:var(--p-border-radius-100);
}

.Polaris-DatePicker__DayCell--inRange_bdklc{
  border-radius:0;
}

.Polaris-DatePicker__Day_37600{
  display:block;
  height:100%;
  width:100%;
  margin:0;
  padding:var(--p-space-200);
  background:transparent;
  border:none;
  border-radius:var(--p-border-radius-200);
  outline:none;
  color:var(--p-color-text);
  cursor:pointer;
}

.Polaris-DatePicker__Day_37600:hover{
    background:var(--p-color-bg-fill-brand-hover);
    color:var(--p-color-text-brand-on-bg-fill);
    outline:var(--p-border-width-025) solid transparent;
  }

.Polaris-DatePicker__Day_37600{
  position: relative;
}

.Polaris-DatePicker__Day_37600::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
  left: -0.0625rem;
  display: block;
  pointer-events: none;
  box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus);
  border-radius: var(--p-border-radius-100);
}

.Polaris-DatePicker__Day_37600:focus-visible:not(:active)::after {
  box-shadow: 0 0 0 0.125rem var(--p-color-border-focus);
  outline: var(--p-border-width-025) solid transparent;
}

.Polaris-DatePicker__Day--inRange_8tlk9{
  background:var(--p-color-bg-surface-brand-selected);
  border-radius:0;
}

@media (-ms-high-contrast: active){

.Polaris-DatePicker__Day--inRange_8tlk9{
    -ms-high-contrast-adjust:none;
    background-color:Highlight;
    color:HighlightText;
}

    .Polaris-DatePicker__Day--inRange_8tlk9:hover{
      background-color:HighlightText;
      color:Highlight;
      outline:var(--p-border-width-050) solid Highlight;
    }
  }

.Polaris-DatePicker__Day--selected_11sb5{
  background:var(--p-color-bg-fill-brand-selected);
  color:var(--p-color-text-brand-on-bg-fill);
}

@media (-ms-high-contrast: active){

.Polaris-DatePicker__Day--selected_11sb5{
    -ms-high-contrast-adjust:none;
    background-color:Highlight;
    color:HighlightText;
}

    .Polaris-DatePicker__Day--selected_11sb5:hover{
      background-color:HighlightText;
      color:Highlight;
      outline:var(--p-border-width-050) solid Highlight;
    }
  }

.Polaris-DatePicker__Day--disabled_l152e{
  background-color:transparent;
  color:var(--p-color-text-disabled);
}

.Polaris-DatePicker__Day--disabled_l152e:hover{
    background-color:transparent;
    color:var(--p-color-text-disabled);
  }

@media (-ms-high-contrast){

.Polaris-DatePicker__Day--disabled_l152e{
    -ms-high-contrast-adjust:none;
    color:grayText;
}

    .Polaris-DatePicker__Day--disabled_l152e:hover{
      color:grayText;
      outline:none;
    }
  }

.Polaris-DatePicker__Day--disabled_l152e:focus::after{
    content:none;
  }

.Polaris-DatePicker__EmptyDayCell_1g9oi{
  width:14.28571%;
  margin:0;
  padding:0;
}

.Polaris-DatePicker__Weekday_igvyt{
  padding:var(--p-space-200);
  background:transparent;
}

.Polaris-DatePicker__Header_z4uwg{
  position:absolute;
  top:var(--p-space-400);
  display:flex;
  justify-content:space-between;
  width:100%;
}

.Polaris-DatePicker__Title_2qj8j{
  flex:1 1 auto;
  padding-bottom:var(--p-space-100);
}

.Polaris-DatePicker__Day--firstInRange_sp8p9{
  border-radius:var(--p-border-radius-200);
}

.Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hasRange_742b2,
  .Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hoverRight_1549s{
    border-radius:var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius);
  }

.Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hasRange_742b2::after, .Polaris-DatePicker__Day--firstInRange_sp8p9.Polaris-DatePicker__Day--hoverRight_1549s::after{
      border-radius:var(--pc-date-picker-range-end-border-radius) 0 0 var(--pc-date-picker-range-end-border-radius);
    }

.Polaris-DatePicker__Day--lastInRange_1jdh1{
  border-radius:0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0;
}

.Polaris-DatePicker__Day--lastInRange_1jdh1::after{
    border-radius:0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0;
  }

.Polaris-DatePicker__Week_yj63l{
  margin-bottom:var(--p-space-050);
}

.Polaris-DatePicker__Week_yj63l > .Polaris-DatePicker__Day--inRange_8tlk9:first-child:not(.Polaris-DatePicker__Day--firstInRange_sp8p9):not(.Polaris-DatePicker__Day--lastInRange_1jdh1){
    border-radius:var(--p-border-radius-100) 0 0 var(--p-border-radius-100);
  }

.Polaris-DatePicker__Week_yj63l > .Polaris-DatePicker__Day--inRange_8tlk9:last-child:not(.Polaris-DatePicker__Day--firstInRange_sp8p9):not(.Polaris-DatePicker__Day--lastInRange_1jdh1){
    border-radius:0 var(--p-border-radius-100) var(--p-border-radius-100) 0;
  }

.Polaris-DatePicker__Day--inRange_8tlk9::after, .Polaris-DatePicker__Day--inRange_8tlk9:not(:hover) + .Polaris-DatePicker__Day_37600::after{
    border-radius:0 var(--pc-date-picker-range-end-border-radius) var(--pc-date-picker-range-end-border-radius) 0;
  }