All Downloads are FREE. Search and download functionalities are using the official Maven repository.

com.github.fluorumlabs.disconnect.vaadin.DatePickerLight Maven / Gradle / Ivy

The newest version!
package com.github.fluorumlabs.disconnect.vaadin;

import com.github.fluorumlabs.disconnect.core.annotations.WebComponent;
import com.github.fluorumlabs.disconnect.vaadin.elements.DatePickerLightElement;
import com.github.fluorumlabs.disconnect.vaadin.mixins.HasDatePickerMixin;
import com.github.fluorumlabs.disconnect.zero.component.AbstractComponent;
import com.github.fluorumlabs.disconnect.zero.component.Component;
import com.github.fluorumlabs.disconnect.zero.component.HasComponents;
import com.github.fluorumlabs.disconnect.zero.component.HasStyle;

import javax.annotation.Nullable;

/**
 * <vaadin-date-picker-light> is a customizable version of the <vaadin-date-picker>
 *  providing
 * only the scrollable month calendar view and leaving the input field definition to the user.
 * 

* To create a custom input field, you need to add a child element which has a two-way * data-bindable property representing the input value. The property name is expected * to be bindValue by default. See the example below for a simplest possible example * using an <input> element extended with iron-input. * *

<vaadin-date-picker-light>
 *   <iron-input>
 *     <input/>
 *   </iron-input>
 * </vaadin-date-picker-light>
 * 
* If you are using other custom input fields like <paper-input>, you * need to define the name of value property using the attrForValue property. * *
<vaadin-date-picker-light attr-for-value="value">
 *   <paper-input label="Birthday">
 *   </paper-input>
 * </vaadin-date-picker-light>
 * 
*

Styling

* The following shadow DOM parts are available for styling: * * * * * * * * *
Part nameDescriptionTheme for Element
overlay-contentThe overlay elementvaadin-date-picker-light
* See * ThemableMixin – how to apply styles for shadow parts *

* In addition to <vaadin-date-picker-light> itself, the following * internal components are themable: * *

    *
  • <vaadin-date-picker-overlay>
  • *
  • <vaadin-date-picker-overlay-content>
  • *
  • <vaadin-month-calendar>
  • *
* Note: the theme attribute value set on <vaadin-date-picker-light> * is propagated to the internal themable components listed above. */ @WebComponent public class DatePickerLight extends AbstractComponent implements HasDatePickerMixin, HasStyle, HasComponents> { public DatePickerLight() { super(DatePickerLightElement.TAGNAME()); } /** * Name of the two-way data-bindable property representing the * value of the custom input field. */ @Nullable public String attrForValue() { return getNode().getAttrForValue(); } /** * Name of the two-way data-bindable property representing the * value of the custom input field. */ public DatePickerLight attrForValue(String attrForValue) { getNode().setAttrForValue(attrForValue); return this; } }




© 2015 - 2024 Weber Informatics LLC | Privacy Policy