• Home
• com.github.fluorumlabs.disconnect
• disconnect-vaadin
• 0.1.0-alpha2
• source code
• DatePickerElement.java

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

com.github.fluorumlabs.disconnect.vaadin.elements.DatePickerElement Maven / Gradle / Ivy

package com.github.fluorumlabs.disconnect.vaadin.elements;

import com.github.fluorumlabs.disconnect.core.annotations.Import;
import com.github.fluorumlabs.disconnect.core.annotations.NpmPackage;
import com.github.fluorumlabs.disconnect.polymer.elements.mixins.GestureEventListeners;
import com.github.fluorumlabs.disconnect.vaadin.Vaadin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ControlStateMixin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.DatePickerMixin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ElementMixin;
import com.github.fluorumlabs.disconnect.vaadin.elements.mixins.ThemableMixin;
import js.web.dom.HTMLElement;
import org.teavm.jso.JSProperty;

import javax.annotation.Nullable;

/**
 * <vaadin-date-picker> is a date selection field which includes a scrollable
 * month calendar view.
 *
 * 
<vaadin-date-picker label="Birthday"></vaadin-date-picker>
 * 
 * 
datePicker.value = '2016-03-02';
 * 
 * When the selected value is changed, a value-changed event is triggered.
 *
 * 
Styling
 * The following shadow DOM parts are available for styling:
 *
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
Part name
Description
Theme for Element
text-field
Input element
vaadin-date-picker
clear-button
Clear button
vaadin-date-picker
toggle-button
Toggle button
vaadin-date-picker
overlay-content
The overlay element
vaadin-date-picker
overlay-header
Fullscreen mode
 * header
vaadin-date-picker-overlay-content
label
Fullscreen mode value/label
vaadin-date-picker-overlay-content
clear-button
Fullscreen mode clear
 * button
vaadin-date-picker-overlay-content
toggle-button
Fullscreen mode toggle
 * button
vaadin-date-picker-overlay-content
years-toggle-button
Fullscreen mode years scroller
 * toggle
vaadin-date-picker-overlay-content
months
Months scroller
vaadin-date-picker-overlay-content
years
Years scroller
vaadin-date-picker-overlay-content
toolbar
Footer bar with buttons
vaadin-date-picker-overlay-content
today-button
Today button
vaadin-date-picker-overlay-content
cancel-button
Cancel button
vaadin-date-picker-overlay-content
month
Month calendar
vaadin-date-picker-overlay-content
year-number
Year number
vaadin-date-picker-overlay-content
year-separator
Year separator
vaadin-date-picker-overlay-content
month-header
Month title
vaadin-month-calendar
weekdays
Weekday container
vaadin-month-calendar
weekday
Weekday element
vaadin-month-calendar
week-numbers
Week numbers container
vaadin-month-calendar
week-number
Week number element
vaadin-month-calendar
date
Date element
vaadin-month-calendar
 * See
 * ThemableMixin – how to apply styles for shadow parts
 * 

 * The following state attributes are available for styling:
 *
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
Attribute
Description
Part name
invalid
Set when the element is invalid
:host
opened
Set when the date selector overlay is opened
:host
readonly
Set when the element is readonly
:host
disabled
Set when the element is disabled
:host
today
Set on the date corresponding to the current day
date
focused
Set on the focused date
date
disabled
Set on the date out of the allowed range
date
selected
Set on the selected date
date
 * If you want to replace the default input field with a custom implementation, you should use the
 * <vaadin-date-picker-light> element.
 * 

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

 * 
<vaadin-text-field>
 * 
<vaadin-date-picker-overlay>
 * 
<vaadin-date-picker-overlay-content>
 * 
<vaadin-month-calendar>
 * 
 * Note: the theme attribute value set on <vaadin-date-picker> is
 * propagated to the internal themable components listed above.
 */
@NpmPackage(
		name = "@vaadin/vaadin",
		version = Vaadin.VERSION
)
@Import(

		module = "@vaadin/vaadin-date-picker/theme/lumo/vaadin-date-picker.js"
)
public interface DatePickerElement
		extends HTMLElement, ElementMixin, ControlStateMixin, ThemableMixin, DatePickerMixin, GestureEventListeners {
	static String TAGNAME() {
		return "vaadin-date-picker";
	}

	/**
	 * Set to true to display the clear icon which clears the input.
	 */
	@JSProperty
	boolean isClearButtonVisible();

	/**
	 * Set to true to display the clear icon which clears the input.
	 */
	@JSProperty
	void setClearButtonVisible(boolean clearButtonVisible);

	/**
	 * Set to true to disable this element.
	 */
	@JSProperty
	boolean isDisabled();

	/**
	 * Set to true to disable this element.
	 */
	@JSProperty
	void setDisabled(boolean disabled);

	/**
	 * The error message to display when the input is invalid.
	 */
	@Nullable
	@JSProperty
	String getErrorMessage();

	/**
	 * The error message to display when the input is invalid.
	 */
	@JSProperty
	void setErrorMessage(String errorMessage);

	/**
	 * A placeholder string in addition to the label. If this is set, the label will always float.
	 */
	@Nullable
	@JSProperty
	String getPlaceholder();

	/**
	 * A placeholder string in addition to the label. If this is set, the label will always float.
	 */
	@JSProperty
	void setPlaceholder(String placeholder);

	/**
	 * Set to true to make this element read-only.
	 */
	@JSProperty
	boolean isReadonly();

	/**
	 * Set to true to make this element read-only.
	 */
	@JSProperty
	void setReadonly(boolean readonly);

	/**
	 * This property is set to true when the control value invalid.
	 */
	@JSProperty
	boolean isInvalid();

	/**
	 * This property is set to true when the control value invalid.
	 */
	@JSProperty
	void setInvalid(boolean invalid);
}