Questions Tagged week

Answered: This is an example project. The library itself (Angular package) is available as @daypilot/daypilot-lite-angular at NPM.

Answered: The recurrence needs to be handled on the server side. You need to supply the expanded occurrences to the calendar as part of the dataset. Most likely, you will want to show an icon indicating that t...

Answered: Unfortunately, the doctor appointment reservation tutorial is not available for Angular + ASP.NET Core at the moment.

Answered: You can use the locale property to apply culture-specific settings (such as date format, first day of week….). const calendar = new DayPilot.Calendar("calendar", { locale: "en-au", // ... }); calenda...

Answered: Do you see any error in the JavaScript console?

Answered: Could you please post a screenshot that would show your requirement?

Answered: Unfortunately, this feature is only available in the Pro version at the moment. In the open-source version, the selection is limited to a single column of the Calendar component.

Answered: The cell duration (and number of cells per hour) can be configured in the Calendar , but this option is only available in the Pro version.

Answered: Yes, this example focused on the configuration of the React calendar on the client side (installation, changing the date, customizing appearance, …). In a standard application, you will need to conne...

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...

Answered: Try this var smallscreen = (window.screen.width < 800); if (smallscreen) { // use a weekly or daily calendar var dp = new DayPilot.Calendar("calendar", { //viewType: "Week", timeRangeSelectedHandling...

Answered: The timeHeaders property is only applicable to the Scheduler component. In the Calendar component, you can change the date format using headerDateFormat property: https://api.daypilot.org/daypilot-ca...

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

Answered: Yes, the "daypilot-pro-react" package is paid. If you are looking for the free package, take a look at "@daypilot/daypilot-lite-react": https://www.npmjs.com/package/@daypilot/daypilot-lite-react The...

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...

Answered: There is no specific PostgreSQL tutorial available but you can check the Angular + MySQL tutorials: https://code.daypilot.org/tutorials/mysql+angular In order to switch the tutorials to MySQL you'd n...

Answered: You can use onBeforeEventRender event handler to modify the event HTML (args.data.html) using the staff column (args.data.staff): https://doc.daypilot.org/calendar/event-customization/ You can also m...

Answered: When you need to deploy multiple instances (e.g. for scalability reasons) you'll need to upgrade to a multi-server license (i.e. SaaS Team or SaaS Office).

Answered: Please see the following sample project that shows how to implement a calendar with day/week/month views: https://code.daypilot.org/30451/angular-calendar-day-week-month-views

Answered: The first day of week is determined by the Calendar locale. The default locale is "en-us" which uses Sunday as the first day of week. You can switch to one of the predefined locales ( https://api.day...

Answered: You need to turn the features off one by one: dp.eventMoveHandling = "Disabled"; dp.eventResizeHandling = "Disabled"; dp.timeRangeSelectedHandling = "Disabled"; See also the following tutorial on mak...

Answered: Please contact sales@daypilot.org for sales-related questions, thanks.

Answered: You can change the visible week using startDate property: <select id="week"> <option value="2016-04-04">Week 14</option> <option value="2016-04-11">Week 15</option> </select> <div id="dp"></div> <scr...

Answered: This is possible, but you need to Pro version ( http://www.daypilot.org/buy.html ). If you switch to the "timesheet" view using ViewType="Days" it will display 24 hours of day on the X axis and days ...

Answered: The best way is to add one control for each of the views (day/week/month) and hide all except of one. 1. You can do this by simply wrapping them in a div with style="display:none" and change this pro...