.ddd-layout {
  width: 50%;
  display: flex;
  position: relative;
}

.ddd-layout .date {
  width: 50%;
}

.ddd-layout .el-picker-panel.el-date-picker.el-popper {
  width: 100%;
  top: 100% !important;
  left: 0 !important;
  margin-top: 0;
}

.ddd-layout .el-date-picker .el-picker-panel__content {
  margin: 5px;
  width: calc(100% - 10px)
}

.ddd-layout .el-popper .popper__arrow {
  display: none;
}

.ddd-layout .el-date-picker tr:not(.el-date-table__row) {
  /* display: none; */
}

.ddd-layout .el-date-picker__header-label {
  font-size: 12px;
}

.ddd-layout .el-year-table td,
.ddd-layout .el-month-table td {
  padding: 3px;
}

.ddd-layout .el-date-table td {
  padding: 0;
  width: auto;
  height: auto;
}