.ant-picker-focused, .ant-picker:hover {
    border:  $border1e5 var(--primaryColorMain) solid !important;
    box-shadow: none;
}

.ant-picker {
    box-sizing: border-box;
    margin: 0;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: 'tnum';
    padding: 4px 11px;
    align-items: center;
    background: #fff;
    border: $border1 solid #d9d9d9;
    border-radius: 8px;
    transition: border 0s,box-shadow .3s;
    width: 100%;
    &.h-lg {
        height: $h-lg;
    }
    &.h-md {
        height: $h-md;
    }
    &.h-sm {
        height: $h-sm;
    }
    &.ng-invalid.ng-touched {
        border-color: var(--errorColorMain) !important;
        border-width: $border2 !important;
    }
}

.ant-picker-input>input::placeholder{
 font-size: 16px;
 font-family: 'Inter';
 font-weight: 400;
 color: #7C7C7C;
 padding-left: 0px;
 margin: 0px;
}

.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before {
    position: absolute;
    inset: 0;
    z-index: 1;
    border: $border1 solid var(--primaryColorDark);
    border-radius: 2px;
    content: "";
}

.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner, .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
    color: #fff;
    background: var(--primaryColorDark);
}

.ant-picker-today-btn, .ant-picker-today-btn:hover {
    color: var(--primaryColorDark);
}

.ant-picker-clear>* {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important; 
    width: 32px !important;
    height: 24px !important;
}