Show Selected Dates in Scheduler Timeline Day

[Abdul Mounem]

Hi,

Is there a way I can define a list of dates that will be displayed in the scheduler? it's similar to a 

TimelineDay with the interval set to infinite, but it will show the dates from a defined list.

The case we have is, that the user is building a recurrence, and before confirmation a yearly schedule with the client he wants to see the schedule for the full year, I know the dates, I know the times, just want to display it for him.

I tried to play with the workday, and hide/show them, but the days will be difference between the weeks

[Satheesh Kumar Balasubramanian]

Hi Abdul,

You can set interval as 365 in TimelineDay view to achieve your requirement.

https://stackblitz.com/edit/react-schedule-selected-dates-timeline-day?file=index.html,index.js

index.js:

const Timescale = () => {

  useEffect(() => {

    updateSampleSection();

  }, []);

  const scheduleObj = useRef(null);

  const data = extend([], dataSource.scheduleData, null, true);

  const instance = new Internationalization();

  const workDays = [0, 1, 2, 3, 4, 5];

  return (

    <div className="schedule-control-section">

      <div className="col-lg-9 control-section">

        <div className="control-wrapper">

          <ScheduleComponent

            height="550px"

            cssClass="time-scale"

            ref={scheduleObj}

            selectedDate={new Date(2021, 0, 10)}

            workDays={workDays}

            eventSettings={{ dataSource: data }}

            currentView="TimelineDay"

          >

            <ViewsDirective>

              <ViewDirective option="Day" />

              <ViewDirective option="Week" />

              <ViewDirective option="TimelineDay" interval={365} />

              <ViewDirective option="TimelineWeek" />

            </ViewsDirective>

            <Inject

              services={[Day, Week, TimelineViews, Resize, DragAndDrop]}

            />

          </ScheduleComponent>

        </div>

      </div>

    </div>

  );

};

 

Regards,

Satheesh Kumar B

[Abdul Mounem]

Hi,

I have tried this, setting the interval works to show all the dates, but in my case, I don't want to show the full year, the case is, the user will build recurrence, then he wants to see the results on the schedule, as an example, the user has a new contract and he wants to check the availability of the Resource A if he wants to block it for 2 hours on First Saturday of each month, now I have the list of dates that match this criterion, and want to display it for the user, so he can see it by scrolling the days only

[Satheesh Kumar Balasubramanian]

Hi Abdul,

Currently it is not possible to render custom range of dates in timeline scheduler and for the same we have already logged the feature request which can be tracked from the following link. It will be implemented in any one of our upcoming main release.

https://www.syncfusion.com/feedback/44810/custom-view-with-user-defined-date-range-or-specific-collection-of-dates-for-react

Regards, 

Satheesh Kumar B