import { css } from 'styled-components';

/* eslint-disable theme/no-raw-colors-in-styles */
export const datePicker = css`
  --date-picker-nav-color: #000000;
  --date-picker-tile-bg-color: var(--color-blue-2);
  --date-picker-tile-color: var(--text-color-primary);
  --date-picker-tile-bg-color-hover: var(--color-blue-3);
  --date-picker-tile-color-hover: var(--text-color-primary);
  --date-picker-input-width: var(--spacing-md);
  --date-picker-invalid-input-bg-color: var(--bg-color-raised);
  --date-picker-button-padding:  var(--spacing-xxs);
  --date-picker-icon-stroke: var(--text-color-secondary);
  --date-picker-icon-width: var(--spacing-sm);
  --date-picker-icon-stroke-hover: var(--text-color-primary);
  --date-picker-weekend-days-color: var(--color-error-base);
  --date-picker-week-days-color: var(--color-warm-grey-6);
  --date-picker-neighboring-month-color: var(--color-warm-grey-6);
  --date-picker-wrapper-border-color: var(--border-color-primary);
  --date-picker-wrapper-radius: var(--border-radius-md);
  --date-picker-wrapper-padding: calc(var(--spacing-xxs) / 2) var(--spacing-xs);
`;
/* eslint-enable theme/no-raw-colors-in-styles */