Changing time format in RadCalendar's Day/MultiDay view modes

[Mehdi]

Is there a superman who can tell me how I change the time format of Xamarin RadCalendar? 

P.s.1. as the attached screenshots show, the time format doesn't match the OS time format settings, neither for UWP nor for Android.

P.s.2. for UWP the problem is even worse because even the AM/PM abbreviations aren't displayed.

[Didi]

Hi Mehdi,

The available timeline settings are described inside the DayView Settings and MultiDayView Settings. There is not time format settings option. You can log a feature request in the feedback portal. The request will be reviewed and its status will be changed accordingly. 

On Android, I have tested on emulator and the timeline format is changed from AM/PM to 24h format:

Local default AM/PM:

 

24h format:

 

On UWP: The format is 24h. This behavior comes from the native UWP calendar control. iOS, Android, and UWP calendars are 3 different native controls and do not have 100% matching appearance across the platforms. Here is the native UWP Calendar documentation and how the MultiDayView looks: https://docs.telerik.com/devtools/universal-windows-platform/controls/radcalendar/multidayview 

Let me know if I can assist with anything else.

Regards,
Didi
Progress Telerik

[Mehdi]

Hi Didi,

Thanks a lot. Sure 👍

[Mehdi]

Feature has been requested:

https://feedback.telerik.com/xamarin/1500750-being-able-to-change-time-format-in-radcalendar-s-day-multiday-view-modes

[Didi]

Hi Mehdi,

Thank you for submitting the feature request. I have changed its status to Unplanned - which means it is a valid request. 

We have found a way to set a time format on Android for the timeline, Please note that the timeline is available for Day and MultiDayViews. You will need to implement a custom renderer for Android.

For example how the custom renderer class should be implemented:

using Android.Content;
using App5.Droid;
using Java.Util;
using Telerik.XamarinForms.InputRenderer.Android;
using Xamarin.Forms;
using Xamarin.Forms.Platform.Android;

[assembly: ExportRenderer(typeof(Telerik.XamarinForms.Input.RadCalendar), typeof(CustomCalendarRenderer))]


namespace App5.Droid
{
    public class CustomCalendarRenderer : CalendarRenderer
    {
        public CustomCalendarRenderer(Context context) : base(context)
        {

        }

        protected override void OnElementChanged(ElementChangedEventArgs<Telerik.XamarinForms.Input.RadCalendar> e)
        {
            base.OnElementChanged(e);

            var control = Control;

            control.MultiDayView.DayEventsViewStyle.TimeLabelFormat = new Java.Text.SimpleDateFormat("HH:mm:ss", Locale.Us);
            control.DayView.DayEventsViewStyle.TimeLabelFormat = new Java.Text.SimpleDateFormat("HH:mm:ss", Locale.Us);
        }
    }
}

 

For AgendaView there is a date and time format settings option. Please check here for more details https://docs.telerik.com/devtools/xamarin/controls/calendar/view-modes/calendar-agendaview#date-and-time-format-settings

 

About MonthView mode, there isn't a time ruler and this scenario is not valid for month view.

I hope the provided information was helpful. 

Regards,
Didi
Progress Telerik