[REACT] Specify Calendar Start and End Time

[niranjan]

Hello

Is it possible to specify in the Calendar that the day starts at 11:30 am and ends at 22:30 PM?
I am able to get the hour values in the start and end times.
I need to know how I can specify half hour as start and end times for the calendar.

[Animal]

It's not currently possible. Day columns start and end on hour boundaries.

You will have to have days which run from 11:00 to 23:00

[niranjan]

Is it possible for a future release to include this feature?

[Animal]

Try adding this rule:

.b-timeaxis-container, .b-dayview-day-container {
    margin-block: calc(var(--half-hour-height) * -1);
}

That will just budge the view upwards by half an hour so that you cannot see that half hour. Will that work for you?

[niranjan]

No.
I do not need to show the half hour every time.
I need to handle it based on the open and close hours of the client.
For example, some will have the opening hour at 10:30 AM and some will open at 10 AM.
I need to handle it for each case.

[Animal]

I do not understand.

You are just talking about a visual thing?

[niranjan]

Yes
For different people the day starts at different times.
I need to handle it in runtime to show the dayStartTime and not have the calendar show the 30 minute view all the time.

[Animal]

OK, so if https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-dayStartTime and https://bryntum.com/products/calendar/docs/api/Calendar/widget/DayView#config-dayEndTime being based on one hour intervals are not granular enough, we can have a Feature Request: https://github.com/bryntum/support/issues/6457

Not sure how high prio this will be since only one person has ever asked for dayStartTime to be granular to less than one hour. You could sponsor the feature if you like.

[niranjan]

Thanks.
I think I can manage the time by putting some validations to ensure events are not added outside the time limits.
However, if such a feature exists, then it will be helpful.

Not sure how high prio this will be since only one person has ever asked for dayStartTime to be granular to less than one hour. You could sponsor the feature if you like.

Let me check with my team and revert on this.

[Animal]

I created a FR to make validation of event creation gestures simple: https://github.com/bryntum/support/issues/6472