Datepickers

Snippets

	<!-- Default -->
	<input type="datepicker" name="field_name" id="field_id" title="Field Title" value="2023-03-08">

	<!-- Range -->
	<input type="datepicker" name="field_name" id="field_id" title="Field Title" value="2023-03-06,2023-03-08" data-mode="range">
	
Options
Type Value
Status none, locked, disabled valid, invalid, changed
Size none, tiny, small, default, medium, large, huge
Type Name Value
default id string
default name string
default value 'YYYY-MM-DD', 'YYYY-MM-DD, YYYY-MM-DD'
default title string
validation required required
callback data-callback-initialize function Triggers on initialization
callback data-callback-create function Triggers on creation
callback data-callback-update function Triggers on updating
callback data-callback-change function Triggers on changing
callback data-callback-reset function Triggers on reset
callback data-callback-validate function Triggers on validation
callback data-callback-persist function Triggers on persisting
callback data-callback-hover function Triggers on hover
callback data-callback-focus function Triggers on focus
callback data-callback-lock function Triggers on locking
callback data-callback-unlock function Triggers on unlocking
callback data-callback-disable function Triggers on disabling
callback data-callback-enable function Triggers on enabling
callback data-callback-hide function Triggers on hiding
callback data-callback-show function Triggers on showing
callback data-callback-calendar_show function Triggers on calendar showing
callback data-callback-calendar_hide function Triggers on calendar hiding
callback data-callback-calendar_select function Triggers on calendar selection
Methods

	// Scan datepickers
	basekit.components.datepickers.scan(scope);
	
Parameters Value
scope null element

	// Initialize datepickers
	basekit.components.datepickers.initialize(scope);
	
Parameters Value
scope null container datepicker(s)

	// Create datepickers
	basekit.components.datepickers.create(id,name,value,title,options,callback);
	
Parameters Value
id string
name string
value 'YYYY-MM-DD', 'YYYY-MM-DD, YYYY-MM-DD'
title string
options 'locked', 'disabled'
callback function

	// Update datepickers
	basekit.components.datepickers.update(scope,type,id,name,value,values,title,options);
	
Parameters Value
scope datepicker(s)
id string
name string
value 'YYYY-MM-DD', 'YYYY-MM-DD, YYYY-MM-DD'
title string
options 'locked', 'disabled'

	// Translate datepickers
	basekit.components.datepickers.translate();
	
Parameters Value
- -

	// Cancel active datepickers
	basekit.components.datepickers.cancel();
	
Parameters Value
- -

	// Set scope
	var scope= $('input[type="datepicker"]');

	// Reset datepickers
	basekit.components.datepickers.reset(scope);
	
Parameters Value
scope null datepicker(s)

	// Set scope
	var scope= $('input[type="datepicker"]');

	// Validate datepickers
	basekit.components.datepickers.validate(scope);
	
Parameters Value
scope null datepicker(es)

	// Set scope
	var scope= $('input[type="datepicker"]');

	// Persist datepickers
	basekit.components.datepickers.persist(scope);
	
Parameters Value
scope null datepicker(s)

	// Set scope
	var scope= $('input[type="datepicker"]');

	// Lock datepickers
	basekit.components.datepickers.lock(scope);
	
Parameters Value
scope null datepicker(s)

	// Set scope
	var scope= $('input[type="datepicker"]');

	// Unlock datepickers
	basekit.components.datepickers.unlock(scope);
	
Parameters Value
scope null datepicker(s)

	// Set scope
	var scope= $('input[type="datepicker"]');

	// Disable datepickers
	basekit.components.datepickers.disable(scope);
	
Parameters Value
scope null datepicker(s)

	// Set scope
	var scope= $('input[type="datepicker"]');

	// Enable datepickers
	basekit.components.datepickers.enable(scope);
	
Parameters Value
scope null datepicker(s)
Sizes
tiny
small
default
medium
large
huge
States


						
focus
readonly
disabled
mandatory
valid
invalid