Page 1 of 1

[REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 9:45 am
by 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.


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 10:09 am
by 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


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 12:33 pm
by niranjan

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


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 12:39 pm
by 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?


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 12:42 pm
by 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.


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 2:08 pm
by Animal

I do not understand.

You are just talking about a visual thing?


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 2:14 pm
by 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.


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 2:25 pm
by 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.


Re: [REACT] Specify Calendar Start and End Time

Posted: Fri Mar 24, 2023 3:31 pm
by 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.


Re: [REACT] Specify Calendar Start and End Time

Posted: Tue Mar 28, 2023 9:33 am
by Animal

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