Date Field Issues

[coleh33]

Issue description:

I am seeing an issue with the new date field that it appears out of order after saving the option in the customizer. Strangely, it appeared in the correct place at first but after hitting save in the customizer it is being placed at the top of all the options in the section. I have tried this a few times and each time it ends up showing up out of order from the field order. I am using a custom timepicker control field within this section.

The other issue appears to be with entering a date. Every time I go to type in a day of the month that has two digits (ie 22), after the first character it jumps over to the year. You have to click a couple times back on the day integer field to get it to work properly. Is there any plans to re-incorporate back a calendar select popup for selecting dates rather than entering in the integer fields?

Version used:

Develop branch latest

Kirki::add_config( 'alphamedia-blacklab-mod', array(
  'capability'    => 'edit_theme_options',
  'option_type'   => 'theme_mod',
) );
Kirki::add_field( 'alphamedia-blacklab-mod', array(
  'type'        => 'text',
  'settings'    => 'program-name',
  'label'       => esc_html__( 'Program Name', 'alphamedia-blacklab' ),
  'description' => __( 'Enter the name for the special programming event.', 'alphamedia-blacklab' ),
  'section'     => 'special_programming',
) );
Kirki::add_field( 'alphamedia-blacklab-mod', array(
  'type'        => 'text',
  'settings'    => 'program-link',
  'label'       => esc_html__( 'Program Link', 'alphamedia-blacklab' ),
  'description' => __( 'Enter the clickthrough link for the special programming event.', 'alphamedia-blacklab' ),
  'section'     => 'special_programming',
) );
Kirki::add_field( 'alphamedia-blacklab-mod', array(
  'type'        => 'image',
  'settings'    => 'program-image',
  'label'       => __( 'Program Image', 'alphamedia-blacklab' ),
  'description' => __( 'Upload a 640x400 sized image to appear in the on-air now section.', 'alphamedia-blacklab' ),
  'section'     => 'special_programming',
) );
Kirki::add_field( 'alphamedia-blacklab-mod', array(
  'type'        => 'date',
  'settings'    => 'program-run-date',
  'label'       => esc_html__( 'Program Run Date', 'alphamedia-blacklab' ),
  'description' => __( 'Enter the date of the special programming.', 'alphamedia-blacklab' ),
  'section'     => 'special_programming',
) );
Kirki::add_field( 'alphamedia-blacklab-mod', array(
  'type'        => 'timepicker',
  'settings'    => 'program-start-time',
  'label'       => esc_html__( 'Program Start Time', 'alphamedia-blacklab' ),
  'description' => __( 'Enter the start time of the special programming.', 'alphamedia-blacklab' ),
  'section'     => 'special_programming',
  'sanitize_callback' => 'sanitize_programming_time',
) );
Kirki::add_field( 'alphamedia-blacklab-mod', array(
  'type'        => 'timepicker',
  'settings'    => 'program-end-time',
  'label'       => esc_html__( 'Program End Time', 'alphamedia-blacklab' ),
  'description' => __( 'Enter the end time of the special programming.', 'alphamedia-blacklab' ),
  'section'     => 'special_programming',
  'sanitize_callback' => 'sanitize_programming_time',
) );

[aristath]

The reason I chose to use this format for the date control now is because that's what WP-Core is using for the datetime control so I thought I'd follow their example.
However it's really problematic right now so yes, I'll probably have to revert to a datepicker