search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Events displayed only on 30 minute boundaries?

Asked by Vic
21 days ago.

I am using a Day calendar and adding events to it. It seems like my events are always “snapped” to half-hour boundaries. E.g., if I have an event with a start time of 10:18 and end time of 11:18, on the calendar it shows the event from 10 to 11:30.

Is this expected behavior? Is there something I can do to turn this “feature” off? Or is there something I’m doing wrong?

My calendar config object looks like this:


configDay: DayPilot.CalendarConfig = {
    viewType: "Day",
    timeFormat: "Clock24Hours",
    headerDateFormat: ' ',    // don't show any date in the header of the column
    durationBarVisible: false,
    eventMoveHandling: "Disabled",
    eventResizeHandling: "Disabled",
    timeRangeSelectedHandling: "Disabled",
    showToolTip: true,
    onBeforeEventRender: (args) => {
      // @ts-ignore
      args.data.toolTip = `${args.data.appointmentData.medName}\n${args.data.appointmentData.quantityGiven} / ${args.data.appointmentData.quantity} given\n${args.data.appointmentData.timeToAdminister}`
    },
    onEventClick: (args) => {
      this.handleEventClick(args.e.data.appointmentData);
    },
  };

thanks.

Answer posted by Dan Letecky [DayPilot]
15 days ago.

At this moment, the Lite version of the Calendar only displays events this way - the start and end times are aligned with the grid cells and the real duration is highlighted using the duration bar.

However, the next release (coming soon) will let you disable this behavior.

New Reply
This reply is
Attachments:
or drop files here
Your name (optional):