<script setup>
</script>

<template></template>

<style  lang="scss" scope>
$main: var(--main);
$auxiliary: var(--auxiliary);
$light: var(--light);
.VSELDATEPICKER {
  .el-input__wrapper {
    background: $auxiliary;
    box-shadow: 0 0 0 1px $main inset;
    .el-input__inner {
      background: unset;
      color: #fff;
    }
    input::placeholder {
      color: #fff;
    }
  }
  .el-popper {
    background: $main !important;
    .el-popper__arrow::before {
      background: $main !important;
    }
    .el-picker-panel {
      background: $main !important;
      .el-date-picker__prev-btn,
      .el-date-picker__next-btn,
      .el-date-picker__header-label,
      .el-date-table th {
        color: #fff;
      }
    }
  }
}
</style>
