How to render custom JSX components in events displayed by the React Calendar component.
Dec 8, 2021
ASP.NET Core application for doctor appointment scheduling. The application works with three roles: manager (define available appointment slots), patient (request an appointment using one of the available slot) and doctor (manage existing appointments).
Dec 5, 2021
Learn how to search React Scheduler events, highlight the search text and jump between results using Next and Previous buttons.
Nov 27, 2021
How to limit the number of concurrent events displayed by the monthly calendar and add an "expand" button to access the events.
Nov 5, 2021
How to use the native HTML5 drag and drop API to extend the calendar functionality and allow dragging an all-day event to a selected calendar cell.
Oct 29, 2021
How to create a queue of tasks scheduled for a specific day. The exact time of day and resource can be assigned using drag and drop in the next step.
Oct 26, 2021
Plan activities for multiple areas/departments side by side. Use drag and drop to schedule events and milestones.
Oct 18, 2021
Learn how to use the Vue Scheduler component to add a drag-and-drop timesheet UI to your Vue application, calculate daily totals and style the timesheet using CSS.
Oct 18, 2021
How to drag items either to the JavaScript Calendar component or to a custom element.
Sep 30, 2021
How to use the JavaScript Scheduler component in a new NPM/WebPack project.
Sep 10, 2021
The React Scheduler component can record all drag and drop actions and allow unlimited undo/redo. See how to add undo/redo buttons and display the full history.
Aug 27, 2021
How to enable on-demand event loading in the Vue Scheduler component. The Scheduler will load events for the current viewport. Additional data will be loaded during scrolling.
Aug 23, 2021
How to display a special column with summary data on the right side of the JavaScript Scheduler grid.
Aug 11, 2021
Vue application that shows how to integrate and configure a Gantt chart. The Gantt chart component displays a timeline for a hierarchy of tasks and milestones.
Aug 9, 2021
How to display global and row-specific holidays in the Vue Scheduler. Optionally, disable the drag and drop operations for the holiday cells.
Aug 9, 2021
How to display React JSX components in the Scheduler horizontal time header.
Aug 3, 2021
The React Scheduler allows defining the callout (bubble) content as a React JSX component. The component will be created automatically when the callout is activated and removed and unmounted when the callout is hidden.
Aug 3, 2021
How to add "Undo" and "Redo" buttons to the Vue Scheduler. The UndoService maintains history of changes and allows unlimited undo/redo.
Jul 31, 2021
How to display a timesheet in your React application. You can set a custom resolution of the time axis, specify the number of days to be displayed, calculate daily totals. The timesheet lets you modify the records using drag and drop.
Jul 30, 2021
How to add a zoom feature to the React Scheduler timeline. You can change the zoom level (and timeline resolution) using a "range" control and "zoom in" and "zoom out" buttons.
Jul 30, 2021