.pro-input-date, .pro-input-datetime, .pro-input-time, .pro-input-date-range{
    &.el-date-editor.el-input, .el-date-editor.el-input__inner {
        width: 100%;
    }
    &-picker-panel {
        &.el-date-picker {
            width: 276px;
        }
        .el-date-picker__header, .el-picker-panel__content {
            margin: 4px;
        }
        .el-date-range-picker__header div {
            font-size: 13px;
        }
        &.el-date-range-picker .el-picker-panel__content {
            margin: 0px;
        }
        .el-date-range-picker__content{
            padding: 8px;
        }

        &.el-date-range-picker{
            width: 560px;
        }
        .el-date-range-picker__time-header > .el-icon-arrow-right {
            font-size: 16px;
        }

        .el-date-table th, .el-date-table td {
            padding: 0px;
        }
        
        &.el-date-picker .el-picker-panel__content{
            width: 270px;
        }
        .el-date-table td {
            width: 25px;
            height: 25px;
        }
        .el-date-table td div{
            height: 25px;
            padding: 0px 0;
        }
        .el-date-picker__header-label{
            font-size: 13px;
        }
        .pro-input-date-picker-panel .el-date-picker__header, .pro-input-date-picker-panel .el-picker-panel__content {
            margin: 0px;
        }
    }
}

.pro-input-date-range {
    &.el-date-editor--datetimerange.el-input, &.el-date-editor--datetimerange.el-input__inner,
    &.el-date-editor--daterange.el-input, &.el-date-editor--daterange.el-input__inner {
        width: 100%;
    }
}

.pro-input-time-range {
     &.el-date-editor--timerange.el-input, &.el-date-editor--timerange.el-input__inner{
        width: 100%;
    }
}

.pro-input-time-range-picker-panel{
     .el-time-range-picker__content {
            padding: 0px;
     }
    .el-time-range-picker__header{
        font-size: 13px;
    }
}