Events displayed only on 30 minute boundaries?

Question

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.