App wide Default time zone and date format

Question

Hi

As of now EJ2 takes utilizes the system timezone as the default one, Is it possible to set another default timezone based on the logged in user. My use case is that users of the app may login to the app from another time zone but they need to view it based on the logged in Branch's timezone. As of now I have hundreds of datetpickers in the app and it would be cumbersome to update induvidually to all the pickers.

Also I would like to set the default date format. It now uses the system locale dateformat. Again is there any way to set app wide Dateformat for date picker

Another issue I face is with the ej2 grid. When I use dialog mode edit and the first control in the dialog is an ej2 combo it does not get focus. The focus goes to an html text input. How do I set the focus to the ej2 Combo

Using EJ2 combo or drop down list is there a way to show frequently used/favourite items on the top of the list

Sevvandhi Nagulan · Answer

Hi Sahal, 


Greetings from Syncfusion support. 

Query 1:  As of now EJ2 takes utilizes the system timezone as the default one, Is it possible to set another default timezone based on the logged in user. My use case is that users of the app may login to the app from another time zone but they need to view it based on the logged in Branch's timezone. As of now I have hundreds of datetpickers in the app and it would be cumbersome to update induvidually to all the pickers. 


Response:  
 
 
We would like to inform you that, the DatePicker component will be rendered based on the System timezone.  In your case, if you have branches, use the serverTimezoneOffset property to handle the timezone for branch.  You can give the branch timezone in the serverTimezoneOffset property to display the Date value based on the branch timezone.  


UG Link: https://ej2.syncfusion.com/angular/documentation/api/datepicker/#servertimezoneoffset 

  
Query 2: Also I would like to set the default date format. It now uses the system locale dateformat. Again is there any way to set app wide Dateformat for date picker 


Response: 
You can customize a format based on your own using the format property. 

UG link: https://ej2.syncfusion.com/angular/documentation/api/datepicker/#format 

 
Query 3:  Another issue I face is with the ej2 grid. When I use dialog mode edit and the first control in the dialog is an ej2 combo it does not get focus. The focus goes to an html text input. How do I set the focus to the ej2 Combo 


Response:  
 
You can manually focus the ComboBox component using the public method focusIn. Kindly refer the below code, 
 




       this.comboObj.focusIn(); 
 
 
 
Sample: https://stackblitz.com/edit/angular-ksnztt-abbksd?file=app.component.ts 

UG Link: https://ej2.syncfusion.com/angular/documentation/api/combo-box#focusin 


Query 4: Using EJ2 combo or drop down list is there a way to show frequently used/favourite items on the top of the list 


You cannot reorder the list items in the DropDownList based on the selected item since it is single selection. But you can show the selected item in the top of the list in the MultiSelect component using the enableSelectionOrder property. 

Sample : https://stackblitz.com/edit/angular-spifbc-ruuk9a?file=app.component.ts 

UG Link: https://ej2.syncfusion.com/angular/documentation/api/multi-select#enableselectionorder 

 
Regards, 
Sevvandhi N