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

Is there a way to format the time text while dragging?

Is there a way to format the time text that appears while dragging an appointment? The timeFormat setting of timeSlotViewSettings has no effect on that text. I was trying to format it in 24h format (HH:mm).

1 Reply 1 reply marked as answer

MS Muniappan Subramanian Syncfusion Team October 14, 2022 03:42 AM

Hi Gunes,

#Regarding Is there a way to format the time text while dragging?

You can achieve your requirement by customizing the indicator time format using the “indicatorTimeFormat” property from “dragAndDropSettings” in the Flutter Calendar. Please refer to the below code snippets for the same

Code Snippets:


Widget build(BuildContext context) {

    return Scaffold(

        appBar: AppBar(

          title: Text(widget.title),


        body: SfCalendar(

            dataSource: _getCalendarDataSource(),

            view: CalendarView.week,

            allowDragAndDrop: true,

            dragAndDropSettings: const DragAndDropSettings(

              indicatorTimeFormat: 'HH:mm',



Please refer to our Ug document to know more details about customizing the dragging time indicator,


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


Muniappan S

Marked as answer
Live Chat Icon For mobile
Up arrow icon