I integrated the calendar module in the application I'm working on now and I noticed that bryntum imports the entire module that contains the scheduler and many other components that i don't use and it's very large. is there any method by which I can take only the day, week and month components? Or do I need to manually select them from the source code and build only with them?
Support Forum
Hey,
Could you please share a runnable example of your project? You could get one of our Angular demos, adapt it to match your configuration, zip it without the node_modules folder, and send it here. It'll be really helpful for us to debug and assist you here.
You can get more info by checking our guidelines here https://www.bryntum.com/forum/viewtopic.php?f=1&t=772
Best regards,
Márcio
I use something like this:
HTML:
<bryntum-calendar
#calendar
[date]="currentDate"
[mode]="currentCalendarView"
[modes]="calendarConfig.modes"
</bryntum-calendar>
TS:
this.calendarConfig = {
modes: {
list: false,
month: {
animateTimeShift: false,
autoCreate: false,
sixWeeks: false,
showWeekColumn: true,
},
week: {
animateTimeShift: false,
eventLayout: {
stretch: true,
},
autoCreate: false,
},
day: {
animateTimeShift: false,
eventLayout: {
stretch: true,
},
autoCreate: false,
},
},
modeDefaults: {
visibleStartTime: '06:00',
},
};
There will be other components in the mix.
Calendar and it's views are all based on the Panel
class which extends Container
which extends Widget
which mixes in the Events
mixin so that events can be fired etc.
Panels use Toolbar
s and Tool
s and Button
s. The EventEditing obviously uses Popup
and the various form fields, and DatePicker
. Combo
uses the List
class as its dropdown.
AgendaView isa Grid, so you will get the Grid and its necessaries in.
The data
package is inherited from Scheduler, so there will be a lot of Scheduler.data.*
and Scheduler.model.*
classes in there.
Hey,
You can use the wrapper as it's described here https://bryntum.com/products/calendar/docs/guide/Calendar/integration/angular/guide#wrappers
import { BryntumDayViewComponent } from '@bryntum/calendar-angular';
export class AppComponent implements AfterViewInit {
@ViewChild(BryntumDayViewComponent) dayViewComponent: BryntumDayViewComponent;
Best regards,
Márcio