You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
* AppBar - The AppBar displays information and actions related to the current application screen. It is used to show branding, screen titles, navigation, and actions.
* Breadcrumb - Graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
* Carousel - The Carousel component allows users to display images with content, links, etc., like a slide show. Typical uses of carousels include scrolling news headlines, featured articles on home pages, and image galleries.
* ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items.
* Sidebar - Expandable and collapsible component that typically acts as a side container to place primary or secondary content alongside the main content.
@@ -34,23 +34,23 @@ Schedule component is also available in following list of frameworks.
34
34
35
35
## Showcase samples
36
36
37
-
*[Fare calendar demo in Angular](https://ej2.syncfusion.com/angular/demos/#/material/schedule/resources?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm))
37
+
*[Fare calendar demo in Angular](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/resources?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm))
38
38
39
39
## Key Features
40
40
41
-
*[**Views**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/views?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Schedule is now availed with 10 different view modes – day, week, work week, month, timeline day, timeline week, timeline work-week, timeline month, agenda and month agenda. It is possible to configure view-based settings on each view mode. The `Week` view is set as active view by default.
42
-
*[**Data binding**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/remote-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time.
41
+
*[**Views**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/views?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Schedule is now availed with 10 different view modes – day, week, work week, month, timeline day, timeline week, timeline work-week, timeline month, agenda and month agenda. It is possible to configure view-based settings on each view mode. The `Week` view is set as active view by default.
42
+
*[**Data binding**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/remote-data?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Seamless data binding with various client-side and remote data sources thus allowing the data to load on demand by default to reduce the data transfer and loading time.
43
43
***Drag and drop** - Appointments can be easily rescheduled to another time by dragging and dropping them onto the required time slots.
44
44
***Appointment resize** - An appointment’s time can be easily extended by resizing its start or end handlers.
45
-
*[**Multiple resources**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/group?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations.
46
-
*[**Recurrence**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/recurrence-events?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis.
47
-
*[**Template**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/events-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - The key elements like events, date header, work cells and event tooltip comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it.
48
-
*[**Timezone**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/timezone-event?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time.
49
-
*[**Timescale**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/timescale?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots.
50
-
*[**Customizable working days and hours**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/work-days?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/angular/demos/#/material/schedule/work-hours?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/angular/demos/#/material/schedule/hide-weekend?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm).
51
-
*[**Custom editor template**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/editor-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor.
52
-
*[**Adaptive rendering**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/month-agenda?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
53
-
*[**Keyboard interaction**](https://ej2.syncfusion.com/angular/demos/#/material/schedule/keyboard-interaction?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs.
45
+
*[**Multiple resources**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/group?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Supports planning and management of events for multiple resources and allows to group them under appropriate resources. Also, supports date-wise grouping, linked appointments and other group related customizations.
46
+
*[**Recurrence**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/recurrence-events?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Allows the user to repeat a set of events on a daily, weekly, monthly, or yearly basis.
47
+
*[**Template**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/events-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - The key elements like events, date header, work cells and event tooltip comes with the default template support which allows the flexible end-user customization to embed any kind of text, images, or styles to it.
48
+
*[**Timezone**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/timezone-event?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Regardless of whatever time zone your system follows, Schedule supports setting your own required time zone value to it as well as to each event – thus allowing the events to display on its exact local time.
49
+
*[**Timescale**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/timescale?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Allows to display customized time duration, with clear and accurate depiction of appointments across the appropriate time slots.
50
+
*[**Customizable working days and hours**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/work-days?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Users can set specific [work hour](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/work-hours?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) range which is visually differentiated with active colour. Also, the working days collection can be customized with specific days, so that the remaining days will be considered as [weekend](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/hide-weekend?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm).
51
+
*[**Custom editor template**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/editor-template?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Template option is availed for event editor, thus allowing the users to add their own custom editor design and also provides option to add additional fields onto the default event editor.
52
+
*[**Adaptive rendering**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/month-agenda?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Adapts with optimal user interfaces for mobile and desktop form-factors, thus helping the user’s application to scale elegantly across all the form-factors without any additional effort.
53
+
*[**Keyboard interaction**](https://ej2.syncfusion.com/angular/demos/#/bootstrap5/schedule/keyboard-interaction?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - All the common actions such as traversing through the appointments, multiple cell selection, add/edit/delete the appointments, navigate to other views, dates and much more can be performed through keyboard inputs.
54
54
*[**Localization**](https://ej2.syncfusion.com/angular/documentation/schedule/localization.html#localization?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - All the static text and date content can be localized to any desired language. Also, it can be displayed with appropriate time mode and date-format as per the localized language.
55
55
*[**RTL**](https://ej2.syncfusion.com/angular/documentation/schedule/localization.html#rtl?utm_source=npm&utm_medium=listing&utm_campaign=angular-scheduler-npm) - Supports displaying the component to display in the direction from right to left.
0 commit comments