/**
 * Copyright IBM Corp. 2016, 2023
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

@use '@carbon/styles/scss/utilities/convert' as *;

//-----------------------------
// Date Picker (expressive)
//-----------------------------

/// Date picker styles (expressive)
/// @access private
/// @group date-picker-expressive
@mixin date-picker-expressive {
  .#{$prefix}--date-picker__input {
    block-size: $spacing-09; /* $carbon--container-04 */
  }

  .#{$prefix}--date-picker.#{$prefix}--date-picker--simple {
    .#{$prefix}--date-picker__input {
      inline-size: to-rem(128px);
    }
  }

  .#{$prefix}--date-picker__icon {
    block-size: to-rem(20px);
    inline-size: to-rem(20px);
  }

  .#{$prefix}--date-picker--range .#{$prefix}--date-picker-container,
  .#{$prefix}--date-picker--range .#{$prefix}--date-picker__input {
    inline-size: $spacing-13;
  }

  .flatpickr-prev-month svg,
  .flatpickr-next-month svg {
    block-size: to-rem(20px);
    inline-size: to-rem(20px);
  }
}