React-big-calendar: Feature request: Business Hours

Created on 29 Mar 2018  路  5Comments  路  Source: jquense/react-big-calendar

Hello,

Fullcalendar has na option to set up working hours. Would be nice if we could have this options here too 馃槃

https://fullcalendar.io/docs/business-hours

feature request help wanted

Most helpful comment

I'll hop on this bandwagon. I'm working on a use case where the min and max will be set based on one hour outside of the respective daily store hours.

This is fine on a day view, but on a week view, I'm taking the earliest week min and the latest week max to set the base parameters. I'm then looking to 'gray out' time slots based on what each day's respective min and max are per the store hours.

Example:

Monday: 8 AM - 5 PM
Tuesday: 9 AM - 7 PM

<RBC
  date={Monday}
  defaultView={'week'}
  min={8 AM}
  max={7 PM}
/>

Here, the overall week would have the min/max limits, but Monday and Tuesday would know their respective ranges.

Any advice/help is appreciated. Thanks!

All 5 comments

I think you can use min and Max to accomplish this?

Oh, sorry, didnt notice this. Is it possible to set up diffrent buissness hours for each day of the week ?

Would it be possible to 'zoom' in to the current business hours which min/max does but allowing the user to scroll up and down to view appointments outside of the business hour range.

I'll hop on this bandwagon. I'm working on a use case where the min and max will be set based on one hour outside of the respective daily store hours.

This is fine on a day view, but on a week view, I'm taking the earliest week min and the latest week max to set the base parameters. I'm then looking to 'gray out' time slots based on what each day's respective min and max are per the store hours.

Example:

Monday: 8 AM - 5 PM
Tuesday: 9 AM - 7 PM

<RBC
  date={Monday}
  defaultView={'week'}
  min={8 AM}
  max={7 PM}
/>

Here, the overall week would have the min/max limits, but Monday and Tuesday would know their respective ranges.

Any advice/help is appreciated. Thanks!

@HartiganHM this should be possible with the slotPropGetter prop for individual slots and/or the dayPropGetter for whole days.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

manutenfruits picture manutenfruits  路  3Comments

nirchernia picture nirchernia  路  3Comments

The-Oracle picture The-Oracle  路  3Comments

tiaaaa123 picture tiaaaa123  路  4Comments

Hector26 picture Hector26  路  3Comments