[ANGULAR] I want this alignment of toolbar - menu icon , day , week button , previous button , current selected date ,

[swati tomar]

Menu icon , day button , week button , previous button , current selected date , next button.
How can i achieve this in bryntum calendar

[Animal]

Just apply weights to the items in the tbar as described in the docs.

Start here for the tbar: https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#toolbar-sidebar-and-viewcontainer

That links to here: https://bryntum.com/products/calendar/docs/api/Calendar/view/Calendar#config-tbar

You can see that it tells you what widgets are already there so you can change their weights.

You can also add your own.

This example adds some extra widgets into its tbar: https://bryntum.com/products/calendar/examples/filtering/

[Animal]

Just a hint, a zoom slider isn't a very nice UX.

CTRL/mousewheel zooms on mouse devices.

Two finger zooming works on touch devices.

[swati tomar]

Thanks this helped.

[swati tomar]

Also is it possible to remove the week number Octuber 2024 (week 41) from viewDescription in week view instead i want to show viewDescription as 4 Oct 2024 - 10 Oct 2024

[Animal]

Yes, this should be possible by configuring the week mode with a description format: https://www.bryntum.com/products/calendar/docs/api/Scheduler/view/mixin/Describable#config-descriptionFormat

There is a bug in that now which is fixed in the 6.0.0 release (which will be in the new few weeks) where the responsive setting for the format overrides what is configured: https://github.com/bryntum/support/issues/6441

But you can also configure the mode with a descriptionRenderer for complete control over that text.

Your app already looks good by the way. I like what you have done with the theming:

coolapp.png (94.61 KiB) Viewed 924 times