Timepicker in property editor ignoring 24h config setting

Questions
1

Hi all,

I’m building a custom property editor for handling shops opening hours. For this, I want to make use of the built-in Timepicker (datepicker property editor with the date-part disabled)

I’ve got it working and the timepickers (there are one for opening hour and one for closing hour) displays fine on the editor. However, i can’t get it to use 24 hours instead of 12 hours AM/PM.

My code is as follows:

angular.module("umbraco").controller("openingHours.controller", function ($scope, assetsService) {
    // New, reusable time picker object
    var timePicker = {
        view: 'datepicker',
        config: {
            pickDate: false,
            pickTime: true,
            pick12HourFormat: false,
            time24h: true,
            format: "hh:mm"
        },
        value: new Date()
    };

    // Add fields for each day if the model value is empty
    if ($scope.model.value === "") {
        $scope.model.value.weekDays.push({ DayOfWeek: "Monday", Label: "Mandag", Open: timePicker, Closed: timePicker, ClosedThisDay: false });
        // .. rest of adding is omitted
    }
}

(I know I could just go with one regular property for each day in the week, but this is a bit more complex than that :-))

I’ve cleared browser cache and everything, but it still won’t let me select i.e. 13:00 I’m suspecting that some kind of localisation is needed somewhere? If I add a datpicker with time on a regular property, the time is set to 24h by default.

Anyone knows what I’m missing here?

Thanks in advance :slight_smile:

This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/68297-timepicker-in-property-editor-ignoring-24h-config-setting