Hi Lance,
Greetings from Syncfusion support.
Query 1:
I have a Multi-Date calendar and the values property has dates from past month/years. I want when the user goes into the page, the calendar always starts off in current month year but the user could navigate back to see previously selected dates. How can I achieve this?
Response:
We have checked the requested requirement and prepared the sample using navigateTo method which is used to display the calendar based on the provided view and date value. Here, we have changed the view of the calendar based on the previously selected date value in the external button click event. So, you can use this method based on the application needs.
|
<div class="control-section">
<div id="control_wrapper">
<div id="container" style="overflow:auto">
<ejs-calendar #calendarObj (change)="onValueChange($event)"></ejs-calendar>
</div>
<button id="button">Click to navigate the view</button>
</div>
</div> |
|
export class AppComponent {
@ViewChild("calendarObj")
public calendarobj: CalendarComponent;
public previouslySelectedValue: Date;
constructor() {
}
onValueChange(args: any): void {
this.previouslySelectedValue = args.value;
}
ngOnInit(){
document.getElementById("button").addEventListener("click", ()=>{
this.calendarobj.navigateTo("Month", this.previouslySelectedValue);
})
}
}
|
Please find the sample from the below link.
Query 2:
Also how can I keep the calendar the same height and width? It changes when you navigate.
Response:
We would like to inform you that, Calendar component height and width changed due to date count available in the displayed month. Such as every month having different count of days (For ex. February having 28 days and May having 31 days) and having different week count (For ex. Some month having 4 weeks and some month having 5 weeks). So, it will be changed dynamically based on the leap year and month information. So, we will not change the height and width equally for all months in the Calendar popup.
Regards,
Sureshkumar P.
