@import "./datetime.vars";

// Datetime
// --------------------------------------------------

ion-datetime {
  position: relative;

  display: flex;
  overflow: hidden;
}

.datetime-cover {
  @include position(0, null, null, 0);

  position: absolute;

  width: 100%;
  height: 100%;

  border: 0;

  background: transparent;
  cursor: pointer;

  &:active,
  &:focus {
    outline: none;
  }
}

.datetime-text {
  overflow: hidden;

  flex: 1;

  min-width: $datetime-text-min-width;
  min-height: $datetime-text-min-height;

  font-size: inherit;
  line-height: $datetime-text-line-height;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.datetime-disabled,
.item-datetime-disabled ion-label {
  opacity: $datetime-disabled-opacity;

  pointer-events: none;
}

.item-label-stacked ion-datetime,
.item-label-floating ion-datetime {
  @include padding-horizontal(0, null);

  width: 100%;
}

.item .datetime {
  position: static;
}
