Questions Tagged calendar
why it is not available in npm?
Answered: This is an example project. The library itself (Angular package) is available as @daypilot/daypilot-lite-angular at NPM.
"dp.events.update(dpEvent)" sometimes redraw all Events on a Calendar
Answered: I close my browser, open it again and now it doesn’t flicker anymore! :-| I guess we’ll never know…
Hidding an Event Bubble when scrolling a Calendar
Answered: The bubble hides if the cursor is moved outside of the source object and the bubble itself. I assume that in your scenario, the cursor stays inside but the calendar scrolls. Is that correct? The cont...
RTL is broken past v3.32.1
Answered: Calendar RTL compatibility is in the queue and it’s coming soon (within weeks). Just note that RTL will not be supported for the Scheduler in the near future - this is a much more complex issue than ...
Setting the "cssClass" property on a Calendar Event
Answered: Yes, this is correct. Please note that the CSS class is applied at the top level (it is added to the div with calendar_default_event class). You can verify that using browser developer tools. If you ...
Calendar: Allow external drag and drop but disable the moving feature for events on the Calendar?
Answered: Yes, this is possible. Keep the value of eventMoveHandling set to "Update". Disable moving for all events by setting moveDisabled: true on each event. This can be done using onBeforeEventRender: onBe...
[Calendar] Clicking anywhere in the Calendar triggers a click in another cell ever since upgrading to 3.33.0 and later (4.2.0 current latest version)
Answered: This looks like a regression of a bug that was fixed in 3.32.1 (incorrect args.cell.start/end in onTimeRangeSelect/onTimeRangeSelected events when heightSpec is set to "BusinessHoursNoScroll"). It sh...
[Calendar] Snap to current during resize
Answered: I’ve added this to the wishlist, thanks for the suggestion.
Is it possible to have a sort of resource filter on the calendar?
Answered: You can start with the following tutorial which displays a resources calendar similar to yours (time on the vertical axis, resources/providers on the horizontal axis): JavaScript Resource Calendar Tu...
Dr Appointment usecase in Angular
Answered: Unfortunately, the doctor appointment reservation tutorial is not available for Angular + ASP.NET Core at the moment.
Restrict multiple Days Selection
Answered: Could you please post a screenshot that would show your requirement?
List view for calendar
Answered: You can use the Queue component to display a list of events. As a bonus, they will be draggable to the Scheduler. You can see a demo here.
Wrong className for DayPilotMonth component
Answered: You may be overlooking something. The DayPilotMonth React component indeed uses the ”month_default” CSS theme. You can check it by inspecting the DOM elements in the JavaScript demo, You can apply a ...
Modifying RTL according to locale
Answered: Unfortunately, RTL is not supported in the Lite version at the moment.
weekStarts property non-functional in DayPilotCalendar
Answered: At this moment, the weekStarts property is not available in the Lite version. However, you can set a custom week start using the locale property. If there is no built-in locale that meets your needs,...
Resources Calendar does not schedule events at all
Answered: Hi Samir, With the following setup, the resource calendar will display one day on the vertical axis. As the startDate is not specified, it will use the current day for all columns/resources. <DayPilo...
Mutliselection
Answered: I’m not sure if that’s what you mean but in the Calendar component in the Pro version, it is possible to select multiple events and then delete them using the API (use multiselect.events() to get a l...
DayPilot Vue Event Calendar loses css after build
Answered: This is not a limitation of the trial version. I recommend checking the DOM structure of the production build in the browser (using developer tools) to see whether the elements are using the expected...
The ToolTip isn't working in DayPilot.Calendar
Answered: Yes, there turned out to be a problem with the tooltip for calendar events. It should be fixed now in the latest sandbox build (2023.3.485): https://javascript.daypilot.org/sandbox/lite/
How do I modify a database?
Answered: You can take a look at this tutorial: https://code.daypilot.org/64657/angular-scheduler-resource-management It is for Angular, but it shows how to add a context menu to the row headers with additiona...
Customize time blocks on Weekly Calendar
Answered: At this moment, the Calendar component uses fixed time blocks but it is possible to use a workaround and map the block number to the hour/minute part of the start/end time. This approach is used in t...
Uncaught ReferenceError: module is not defined
Answered: If you want to include the library directly using <script> element you need to download the zip package and include daypilot-all.min.js file instead of using NPM: Pro version: https://javascript.dayp...
how i can change the slots to be 15 min replace of 60 min ?
Answered: You'll need to change the "SlotDurationMinutes" value in the Timeline class.
using Project.Models;
namespace Project.Service
{
public class Timeline
{
public static int Slo...
Eventos
Answered: Please take a look at this tutorial - it shows how to load calendar events from a database: https://code.daypilot.org/50175/angular-appointment-calendar-component-typescript
Is it possible to create a calendar with 6 month views
Answered: Unfortunately, this kind of view is not available at the moment.
Is it possible to have resources on the vertical axis for the calendar?
Answered: Unfortunately, this is not possible. You might be able to mimic this arrangement in the Scheduler using a combination of custom start/end values and eventStackingLineHeight (https://doc.daypilot.org/...
How do you make more than one employee run the same shift
Answered: Yes, there are many different scenarios that are not covered by this sample. To add more people to the same time and location, you can choose a solution depending on the workflow: 1. To allow more as...
Multicolumn in week Calendar
Answered: When you switch the calendar viewType to "Resources", you can define custom columns. Take a look at the following documentation page: https://doc.daypilot.org/calendar/column-header-hierarchy/ Exampl...
Don't plan outside business hours
Answered: With the Scheduler component, it is possible. Please take a look at the following tutorial: https://code.daypilot.org/57279/javascript-scheduler-skip-non-business-cells-during-drag-an Please let me k...
Calendar hover color remains active when moving mouse between calendars
Answered: Hi Dave, This issue should be fixed now in the latest sandbox build (2021.1.3780): https://aspnet.daypilot.org/sandbox/ Please let me know if the problem persists.
Questions 1-30 of 136
Next