ion-datetime {
  display: flex;
  position: relative;
  overflow: hidden; }

.datetime-cover {
  left: 0;
  top: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  appearance: none;
  outline: none; }

.datetime-text {
  flex: 1;
  min-width: 16px;
  min-height: 1.2em;
  font-size: inherit;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.datetime-disabled,
.item-datetime-disabled ion-label {
  opacity: 0.4;
  pointer-events: none; }

.item-label-stacked ion-datetime,
.item-label-floating ion-datetime {
  padding-left: 0;
  width: 100%; }

.item .datetime {
  position: static; }

.datetime-md {
  padding: 11px 8px 11px 16px;
  font-family: var(--ion-font-family, inherit); }

.datetime-md .datetime-placeholder {
  color: var(--ion-placeholder-text-color, #999); }