/**
 * Input date field
 */

.input-date-field {
    overflow: hidden;
    border-style: $form-input-border-style;
    border-width: $form-input-border-width;
    border-color: $form-input-border-color;

    height: $form-input-text-height;

    .input-text {
         border-radius: 0;
         border: 0;
         line-height: 1;
         -webkit-appearance: none;
         background: transparent;
         min-width: $form-input-min-width - 76;
    }

    .input-date-field-trigger {
         font-weight: bold;
         cursor: pointer;
         color: $form-input-month-trigger-color;
         font-size: $text-size * 1.2;
         margin: 0 7px 0 0;

        @include no-selection();
    }

    .input-trigger-left, .input-trigger-right {
        display: inline-block;
        width: 16px;
        height: 24px;
        margin-top: 2px;
    }

    .input-trigger-left {
        background: theme-background-image($theme-name, 'arrow-l.gif', false, true) no-repeat 1px 3px;
    }

    .input-trigger-right {
        background: theme-background-image($theme-name, 'arrow-r.gif', false, true) no-repeat 1px 3px;
    }
}