vaadin-date-picker-text-field.html

<!--
@license
Copyright (c) 2019 Vaadin Ltd.
This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
-->

<link rel="import" href="../../vaadin-text-field/src/vaadin-text-field.html">

<dom-module id="vaadin-date-picker-text-field-styles" theme-for="vaadin-date-picker-text-field">
  <template>
    <style>
      :host([dir="rtl"]) [part="input-field"] {
        direction: ltr;
      }

      :host([dir="rtl"]) [part="value"]::placeholder {
        direction: rtl;
        text-align: left;
      }

      :host([dir="rtl"]) [part="input-field"] ::slotted(input)::placeholder {
        direction: rtl;
        text-align: left;
      }

      :host([dir="rtl"]) [part="value"]:-ms-input-placeholder,
      :host([dir="rtl"]) [part="input-field"] ::slotted(input):-ms-input-placeholder {
        direction: rtl;
        text-align: left;
      }
    </style>
  </template>
</dom-module>

<script>
  (function() {
    /**
      * The text-field element for date input.
      *
      * ### Styling
      *
      * See [`<vaadin-text-field>` documentation](https://github.com/vaadin/vaadin-text-field/blob/master/src/vaadin-text-field.html)
      * for `<vaadin-date-picker-text-field>` parts and available slots (prefix, suffix etc.)
      *
      * See [ThemableMixin – how to apply styles for shadow parts](https://github.com/vaadin/vaadin-themable-mixin/wiki)
      *
      * @memberof Vaadin
      * @extends Vaadin.TextFieldElement
      */
    class DatePickerTextFieldElement extends Vaadin.TextFieldElement {
      static get is() {
        return 'vaadin-date-picker-text-field';
      }
    }

    customElements.define(DatePickerTextFieldElement.is, DatePickerTextFieldElement);
  })();
</script>