@zohodesk/components/lib/DateTime/DateWidget.module.css

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

/* $Id */
.container {
  position: relative;
  composes: offSelection from '../common/common.module.css';
}
.datePickIcon{height:100%  }
.readOnly, .readOnly > input, .disabled {
  cursor: not-allowed;
}
.enabled {
  cursor: pointer;
}
.textBox {
  position: relative;
}
.inputLine {
  position: absolute;
  bottom: 0 ;
  transition: border var(--zd_transition2) linear 0s;
  border-bottom: 1px solid var(--zdt_datewidget_input_border);
}
[dir=ltr] .inputLine {
  left: 0 ;
  right: 0 ;
}
[dir=rtl] .inputLine {
  right: 0 ;
  left: 0 ;
}
.enabled:hover .inputLine {
  border-bottom-color: var(--zdt_datewidget_enabled_border);
}
.textBoxFocus .inputLine {
  border-bottom-color: var(--zdt_datewidget_textboxfocus_border);
}

.placeHolder input {
  color: var(--zdt_datewidget_placeholder_text);
}