We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

[SfCalendar] With custom interval, calendar time precision is incorrect

I have read your description about time intervals and rounded up accordingly but for some start end time combinations, the calendar acts unpredictable.

Here in this example:
Start time: 11:10
End time: 19:10
Time interval is set to 10
Although the time difference is divisible by 10, the result can be seen below in the picture.


4 Replies 1 reply marked as answer

MS Muniappan Subramanian Syncfusion Team October 11, 2022 05:15 AM

Hi GunesYurdakul,


#Regarding [SfCalendar] With custom interval, calendar time precision is incorrect.


Based on the shared details we have checked your requirement and the startHour and endHour values do not give properly. The startHour and endHour types are double, so it considers only double values not hour and minutes values. For example, the 18.25 double value is in time 06.15 PM, here 0.25 is 15 minutes. So, one minute value is 0.0167. we have achieved your requirement by setting the correct start and end hour values in the calendar, please refer to the below code snippets,


Code Snippets:

@override

Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text(widget.title),

      ),

      body: Container(

        child: SfCalendar(

          view: CalendarView.day,

          timeSlotViewSettings: const TimeSlotViewSettings(

            startHour: 11.167,

            endHour: 19.167,

            timeInterval: Duration(minutes: 10),

            timeFormat: 'hh:mm'

        ),

      ),

    ),

  );

}


We hope that this helps you. Please let us know if you need further assistance.

Regards,


Muniappan S



GY Günes Yurdakul October 11, 2022 09:34 AM

Of course, I know that I need to use double values. The problem was rounding. As I see in your example, you rounded to 3 decimal places. That solution worked for me.

If you just assign it to: 11+ (10/60), you will receive the same result as mine.

Thanks for your help! 



GY Günes Yurdakul October 12, 2022 03:50 AM

For the example, I provided in my question your solution worked. I wasn't rounding to 3 decimals as you did. 
But I can still reproduce it with different parameters that should actually work.

For example:

5:50 - 5.833

19:00 - 19.0

timeSlotViewSettings: const TimeSlotViewSettings(

            startHour: 5.833,
            endHour: 19.0,
            timeInterval: Duration(minutes: 10),
            timeFormat: 'hh:mm'
        ),

I would appreciate if you could provide me a rule about how to compute double from a TimeOfDay not a rule that works only for one case.







MS Muniappan Subramanian Syncfusion Team October 12, 2022 06:56 AM

Hi GunesYurdakul,


#Regarding I can still reproduce it with different parameters


As we said in the previous update one minute is equivalent to a 0.0167 double value. For example, if you want to render a start time from 5.50 you need to set the start hour value as (50 * 0.0167 = 5.835). Please use three decimal values to get the exact value. Please refer to the below code snippets for the same,


Code snippets:

@override

Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text(widget.title),

 

      ),

      body: Container(

        child: SfCalendar(

          view: CalendarView.day,

          timeSlotViewSettings: const TimeSlotViewSettings(

            startHour: 5.835,

            endHour: 19.0,

            timeInterval: Duration(minutes: 10),

            timeFormat: 'hh:mm'

        ),

      ),

    ), // This trailing comma makes auto-formatting nicer for build methods.

  );

}



We hope that this helps you. Please let us know if you need further assistance.


Regards,

Muniappan S


Marked as answer
Loader.
Live Chat Icon For mobile
Up arrow icon