<commit_before>import {createGlobalStyle} from 'styled-components'

import {theme, declareFont, scale} from '../utilStyles'

const calendarWidth = 270
const secondaryLight = theme.color('secondaryLight')
const secondary = theme.color('secondary')
const paper = theme.color('paper')
const regular = theme.fontWeight('regular')
const baseSpace = scale.space(-2)

export const GlobalDatePickerStyles = createGlobalStyle`
  .flatpickr-calendar {
    && {
      ${declareFont()}
      width: ${calendarWidth}px;
      border: 1px solid ${secondaryLight};
      border-radius: 0;
    }

    &.arrowTop:before,
    &.arrowTop:after {
      border-bottom-color: ${secondaryLight} !important;
    }

    &.arrowBottom:before,
    &.arrowBottom:after {
      border-top-color: ${secondaryLight} !important;
    }

    .flatpickr-rContainer {
      width: 100%;
    }

    .dayContainer {
      padding-top: ${baseSpace};
      padding-right: ${baseSpace};
      padding-bottom: ${baseSpace};
      width: ${calendarWidth}px;
      min-width: ${calendarWidth}px;<commit_msg>refactor(tocco-ui): fix flatpickr z-index<commit_after>import {createGlobalStyle} from 'styled-components'

import {theme, declareFont, scale} from '../utilStyles'

const calendarWidth = 270
const secondaryLight = theme.color('secondaryLight')
const secondary = theme.color('secondary')
const paper = theme.color('paper')
const regular = theme.fontWeight('regular')
const baseSpace = scale.space(-2)

export const GlobalDatePickerStyles = createGlobalStyle`
  .flatpickr-calendar {
    && {
      ${declareFont()}
      width: ${calendarWidth}px;
      border: 1px solid ${secondaryLight};
      border-radius: 0;
    }

    &.open {
      z-index: 999999 !important; // higher than StyledModalHolder
    }

    &.arrowTop:before,
    &.arrowTop:after {
      border-bottom-color: ${secondaryLight} !important;
    }

    &.arrowBottom:before,
    &.arrowBottom:after {
      border-top-color: ${secondaryLight} !important;
    }

    .flatpickr-rContainer {
      width: 100%;
    }

    .dayContainer {
      padding-top: ${baseSpace};
      padding-right: ${baseSpace};
      padding-bottom: ${baseSpace};
      width: ${calendarWidth}px;
      min-width: ${calendarWidth}px;
{'fraction_non_alphanumeric': 0.13699241410084784, 'fraction_numerical': 0.0107095046854083, 'mean_word_length': 3.4220907297830374, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6611868', 'n_tokens_mistral': 698, 'n_tokens_neox': 669, 'n_words': 141}