Date Input

this.view.<componentID>.setData(data);

data: JSON object containing the following key-value pairs to set the component preferences.

• keyBoardStyle: Sets the keyboard style when entering text into the input box.
• placeholder: Sets the filler text in the input box in a String format. This text animates to the top and becomes the title while entering the input.
• text: The user entered text in the input box in a String format.
• textInputMode: Specifies the input characters type of the input box.
• keyboardActionLabel: Sets the text of the action label of the keyboard.
• errorText: Sets the text of the Error label of the component in a String format.
• dateFormat: Sets the date format to be entered in a String format. The value in this key also sets the placeholder of the date input box.
• startDate: Sets the first valid date of the Calendar. The date must be provided in a {int[]} - [DD,MM,YYYY] integer array format.
• endDate: Sets the last valid date of the Calendar. The date must be provided in a {int[]} - [DD,MM,YYYY] integer array format.
• disabledDates: Sets the dates to be disabled even if they fall between the startDate and endDate. The date must be provided as an array in a {int[]} - [DD,MM,YYYY] integer array format.
• bottomSheetData : This key accepts a JSON object with the following key-value pairs.
  • title: Sets the heading of the BottomSheet component used inside the component.
  • description: Sets the text as the description in the BottomSheet component used inside the component.
• onBeginEditingCallback: Sets the callback function to be invoked when the onBeginEditing event of the component is triggered.
• onEndEditingCallback: Sets the callback function to be invoked when the onEndEditing event of the component is triggered.
• onDoneCallback: Sets the callback function to be invoked when the onDone event of the component is triggered.
• onTextChangeCallback: Sets the callback function to be invoked when the onTextChange event of the component is triggered.
• onSelectionCallback: Sets the callback function to be invoked when the onSelection event of the component is triggered.
• isReadOnly: This parameter sets the read-only mode of the component. If the value of this parameter is true, the read-only mode of the component is enabled. If the value of this parameter is false, the read-write mode is enabled.

var data = {
	"keyBoardStyle": constants.TEXTBOX_KEY_BOARD_STYLE_DEFAULT,
	"placeholder": "Start Date",
	"text": "03/20/1996",
	"textInputMode": constants.TEXTBOX_INPUT_MODE_ANY,
	"keyboardActionLabel": TEXTBOX_KEYBOARD_LABEL_DONE,
	"errorText": "",
	"dateFormat": "MM/DD/YYYY",
	"startDate": [15, 02, 2022],
	"endDate": [14, 02, 2023],
	"disabledDates": [
		[25, 03, 2022],
		[25, 12, 2022]
	],
	"bottomSheetData": {
		"title": "Select Start Date",
		"description": "Please select a date for the calendar"
	},
	"onBeginEditingCallback": this.formFunc1,
	"onEndEditingCallback": this.formFunc2,
	"onDoneCallback": this.formFunc3,
	"onTextChangeCallback": this.formFunc4,
	"onClearCallback": this.formFunc5,
	"isReadOnly": false
};
this.view.dateinput.setData(data);			

this.view.<componentID>.setReadOnly();

NA

this.view.dateinput.setReadOnly();

this.view.<componentID>.setReadWrite();

NA

this.view.dateinput.setReadWrite();

this.view.<componentID>.clearText();

NA

this.view.dateinput.clearText();

this.view.<componentID>.setText(text);

text: Sets the text of the input box in a String format.

var text = "This is a sample text";
this.view.dateinput.setText(text);

this.view.<componentID>.setErrorText(text);

text: Sets the error text in a String format.

var text = "This is a mandatory field";
this.view.dateinput.setErrorText(text);

this.view.<componentID>.hideError();

NA

this.view.dateinput.hideError();

this.view.<componentID>.getData();

NA

var data = {
	"text": "31/01/1996",
	"dateFormat": "MM/DD/YYYY",
	"errorText": "Month cannot be greater than 12"
};
data = this.view.dateinput.getData();

this.view.<componentID>.getText();

NA

var text = "This is a sample text";
text=this.view.dateinput.getText();

this.view.<componentID>.getDataObject(text);

NA

var text = "This is a sample text";
text=this.view.animatingtextbox.getText();

JSON object dateData from the getDateObject method is the input. The dateData object contains the following keys.

• isValid: Contains the status of the validity check of the user-entered date. If the date entered is valid, then the value in this parameter is true. If the date entered is not valid, then the value in this parameter would be false.
• message: The status of the input. This key contains the error or success message text in a String format.
• data: This key contains the Date object if the value in the isValid key is true. If the value in the isValid key is false, then this key contains a Null value.

this.onBeginEditingCallback(dateData); 

JSON object dateData from the getDateObject method is the input. The dateData object contains the following keys.

• isValid: Contains the status of the validity check of the user-entered date. If the date entered is valid, then the value in this parameter is true. If the date entered is not valid, then the value in this parameter would be false.
• message: The status of the input. This key contains the error or success message text in a String format.
• data: This key contains the Date object if the value in the isValid key is true. If the value in the isValid key is false, then this key contains a Null value.

this.onEndEditingCallback(dateData); 

JSON object dateData from the getDateObject method is the input. The dateData object contains the following keys.

• isValid: Contains the status of the validity check of the user-entered date. If the date entered is valid, then the value in this parameter is true. If the date entered is not valid, then the value in this parameter would be false.
• message: The status of the input. This key contains the error or success message text in a String format.
• data: This key contains the Date object if the value in the isValid key is true. If the value in the isValid key is false, then this key contains a Null value.

this.onDoneCallback(dateData); 

JSON object dateData from the getDateObject method is the input. The dateData object contains the following keys.

• isValid: Contains the status of the validity check of the user-entered date. If the date entered is valid, then the value in this parameter is true. If the date entered is not valid, then the value in this parameter would be false.
• message: The status of the input. This key contains the error or success message text in a String format.
• data: This key contains the Date object if the value in the isValid key is true. If the value in the isValid key is false, then this key contains a Null value.

this.onTextChangeCallback(dateData); 

JSON object dateData from the getDateObject method is the input. The dateData object contains the following keys.

• isValid: Contains the status of the validity check of the user-entered date. If the date entered is valid, then the value in this parameter is true. If the date entered is not valid, then the value in this parameter would be false.
• message: The status of the input. This key contains the error or success message text in a String format.
• data: This key contains the Date object if the value in the isValid key is true. If the value in the isValid key is false, then this key contains a Null value.

this.onSelectionCallback(dateData);