////
/// @module date-picker: 日期选择
/// @tag DatePicker
/// @category component
/// @family data-entry
/// @varPrefix $date-picker
/// @classPrefix {prefix}-date-picker
/// @order {"size/panel footer":10,"statement/normal":10,"statement/normal/panel":100}
////


$date-picker-prefix: '.' + $css-prefix + 'date-picker';

$range-picker-prefix: '.' + $css-prefix + 'range-picker';

$month-picker-prefix: '.' + $css-prefix + 'month-picker';

$year-picker-prefix: '.' + $css-prefix + 'year-picker';

$date-picker-btn-prefix: '.' + $css-prefix + 'btn';

$date-picker-input-prefix: '.' + $css-prefix  + 'input';

$date-picker-time-prefix: '.' + $css-prefix  + 'time-picker';

/// 日期输入框
// --------------------------------------------------

$date-picker-input-separator-width: $S16 !default;
$date-picker-input-separator-height: $S16 !default;


// 日期选择面板
// --------------------------------------------------

/// padding (l, r)
/// @namespace size/panel footer
$date-picker-panel-footer-padding-lr: $S20 !default;

/// padding (t, b)
/// @namespace size/panel footer
$date-picker-panel-footer-padding-tb: $S8 !default;

/// background
/// @namespace statement/normal/panel
$date-picker-panel-background: $background-section !default;

/// separator border
/// @namespace statement/normal/panel
$date-picker-panel-time-panel-separator-color: $gray-03 !default;