@use '@style/theme/index.scss' as global;
@use '@style/theme/index.scss' as theme;
@use 'sass:string';
@use '@components/date-picker/style/token.scss' as *;
$picker-prefix-cls: string.unquote('#{theme.$prefix}-picker');

$date-picker-prefix-cls: string.unquote('#{theme.$prefix}-datepicker');

.#{$date-picker-prefix-cls}-shortcuts-wrapper {
  box-sizing: border-box;
  width: 106px;
  height: 100%;
  max-height: 300px;
  margin: 10px 0 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;

  > li {
    box-sizing: border-box;
    width: 100%;
    padding: 6px 16px;
    cursor: pointer;

    &:hover {
      color: global.$color-primary-6;
    }
  }
}