Determines which parts of the Date value may be edited.

The default value is feathers.controls.DateTimeMode.DATE_AND_TIME.

See also

The default IStyleProvider for all DateTimeSpinner components.

The default value is null.

See also

A function used to instantiate the date time spinner's item renderer sub-components. A single factory will be shared by all SpinnerList sub-components displayed by the DateTimeSpinner. The item renderers must be instances of DefaultListItemRenderer. This factory can be used to change properties of the item renderer sub-components when they are first created. For instance, if you are skinning Feathers components without a theme, you might use this factory to style the item renderer sub-components.

The factory should have the following function signature:

function():DefaultListItemRenderer

In the following example, the date time spinner uses a custom item renderer factory:

spinner.itemRendererFactory = function():DefaultListItemRenderer
{
    var itemRenderer:DefaultListItemRenderer = new DefaultListItemRenderer();
    // set properties
    return itemRenderer;
};

The default value is null.

See also

A function used to instantiate the date time spinner's list sub-components. The lists must be instances of SpinnerList. This factory can be used to change properties of the list sub-components when they are first created. For instance, if you are skinning Feathers components without a theme, you might use this factory to style the list sub-components.

Warning: The itemRendererFactory and customItemRendererStyleName properties of the SpinnerList should not be set in the listFactory. Instead, set the itemRendererFactory and customItemRendererStyleName properties of the DateTimeSpinner.

The factory should have the following function signature:

function():SpinnerList

In the following example, the date time spinner uses a custom list factory:

spinner.listFactory = function():SpinnerList
{
    var list:SpinnerList = new SpinnerList();
    // set properties
    return list;
};

The default value is null.

See also

The value added to the styleNameList of the lists. This variable is protected so that sub-classes can customize the list style name in their constructors instead of using the default style name defined by DEFAULT_CHILD_STYLE_NAME_LIST.

To customize the list style name without subclassing, see customListStyleName.

See also

The locale used to display the date. Supports values defined by Unicode Technical Standard #35, such as "en_US", "fr_FR" or "ru_RU".

The default value is flash.globalization.LocaleID.DEFAULT.

See also

The date time spinner's value will not go higher than the maximum.

In the following example, the maximum is changed:

spinner.maximum = new Date(2050, 11, 31);

See also

The date time spinner's value will not go lower than the minimum.

In the following example, the minimum is changed:

spinner.minimum = new Date(1970, 0, 1);

See also

In the list that allows selection of minutes, customizes the number of minutes between each item. For instance, one might choose 15 or 30 minute increments.

In the following example, the spinner uses 15 minute increments:

spinner.minuteStep = 15;

The default value is 1.

If not null, and the editingMode property is set to DateTimeMode.DATE_AND_TIME the date matching today's current date will display this label instead of the date.

In the following example, the label for today is set:

spinner.todayLabel = "Today";

The default value is null.

The value of the date time spinner, between the minimum and maximum.

In the following example, the value is changed to a date:

stepper.minimum = new Date(1970, 0, 1);
stepper.maximum = new Date(2050, 11, 31);
stepper.value = new Date(1995, 2, 7);

The default value is 0.

See also

Constructor.

Choose the appropriate background skin based on the control's current state.

After the next validation, animates the scroll positions of the lists to a specific date. If the animationDuration argument is NaN (the default value), the value of the scrollDuration property is used instead. The duration is measured in seconds.

Note: The value property will not be updated immediately when calling scrollToDate(). Similar to how the animation won't start until the next validation, the value property will be updated at the same time.

In the following example, we scroll to a specific date with animation of 1.5 seconds:

spinner.scrollToDate( new Date(2016, 0, 1), 1.5 );

Parameters

See also

Dispatched when the spinner's value changes.

The properties of the event object have the following values:

See also

The duration, in seconds, of the animation when the scrollToDate() function is called, or when an invalid date is selected.

In the following example, the duration of the animation that changes the page when thrown is set to 250 milliseconds:

spinner.scrollDuration = 0.25;

The default value is 0.5.

See also

The minimum space, in pixels, between the date time spinner's left edge and the its content.

In the following example, the left padding is set to 20 pixels:

spinner.paddingLeft = 20;

The default value is 0.

See also

The minimum space, in pixels, between the date time spinner's bottom edge and the its content.

In the following example, the bottom padding is set to 20 pixels:

spinner.paddingBottom = 20;

The default value is 0.

See also

The minimum space, in pixels, between the date time spinner's right edge and the its content.

In the following example, the right padding is set to 20 pixels:

spinner.paddingRight = 20;

The default value is 0.

See also

The minimum space, in pixels, between the date time spinner's top edge and the its content.

In the following example, the top padding is set to 20 pixels:

spinner.paddingTop = 20;

The default value is 0.

See also

Quickly sets all padding properties to the same value. The padding getter always returns the value of paddingTop, but the other padding values may be different.

In the following example, the padding is set to 20 pixels:

spinner.padding = 20;

The default value is 0.

See also

A style name to add to the date time spinner's list sub-components. Typically used by a theme to provide different styles to different date time spinners.

In the following example, a custom list style name is passed to the date time spinner:

spinner.customListStyleName = "my-custom-spinner-list";

In your theme, you can target this sub-component style name to provide different styles than the default:

getStyleProviderForClass( SpinnerList ).setFunctionForStyleName( "my-custom-spinner-list", setCustomSpinnerListStyles );

The default value is null.

See also

A style name to add to the date time spinner's item renderer sub-components. Typically used by a theme to provide different styles to different date time spinners.

In the following example, a custom item renderer style name is passed to the date time spinner:

spinner.customItemRendererStyleName = "my-custom-date-time-spinner-item-renderer";

In your theme, you can target this sub-component style name to provide different styles than the default:

getStyleProviderForClass( DefaultListItemRenderer ).setFunctionForStyleName( "my-custom-date-time-spinner-item-renderer", setCustomDateTimeSpinnerItemRendererStyles );

The default value is null.

See also

The default background to display behind all content. The background skin is resized to fill the full width and height of the date time spinner, and the lists are centered.

In the following example, the spinner is given a background skin:

spinner.backgroundSkin = new Image( texture );

The default value is null.

See also

The background to display behind all content when the date time spinner is disabled. The background skin is resized to fill the full width and height of the date time spinner, and the lists are centered.

In the following example, the spinner is given a background skin:

spinner.backgroundDisabledSkin = new Image( texture );

The default value is null.

See also

The default name to use with lists.

See also