Issue #2936441 by szeidler, Bcwald, robin.ingelbrecht: Use a year select list for the datepicker to make past years easier selectable

Author: szeidler

config/install/material_admin.settings.yml

@@ -19,3 +19,4 @@ material_admin_jqueryui_dialog_close: true
 material_admin_collapse_module_list: true
 material_admin_message_length: 88
 material_admin_message_prompt: true
+material_admin_datepicker_select_years: 20

config/schema/material_admin.schema.yml

@@ -16,3 +16,5 @@ material_admin.settings:
       type: integer
     material_admin_message_prompt:
       type: boolean
+    material_admin_datepicker_select_years:
+      type: integer

inc/alters.inc

@@ -15,4 +15,5 @@ function material_admin_page_attachments_alter(&$page) {
   $page['#attached']['drupalSettings']['material_admin']['material_admin_message_length'] = theme_get_setting('material_admin_message_length');
   $page['#attached']['drupalSettings']['material_admin']['material_admin_jqueryui_dialog_background'] = theme_get_setting('material_admin_jqueryui_dialog_background');
   $page['#attached']['drupalSettings']['material_admin']['material_admin_jqueryui_dialog_close'] = theme_get_setting('material_admin_jqueryui_dialog_close');
+  $page['#attached']['drupalSettings']['material_admin']['material_admin_datepicker_select_years'] = theme_get_setting('material_admin_datepicker_select_years');
 }

js/date-time-picker.js

@@ -7,10 +7,11 @@
 (function ($, Drupal) {
 
   Drupal.behaviors.material_pickadate = {
-    attach: function (context) {
+    attach: function (context, settings) {
+      var selectYears = drupalSettings.material_admin.material_admin_datepicker_select_years;
       $(context).find('.form-date').once('material_pickadate').each(function () {
         $(this).pickadate({
-        selectYears: 20,
+        selectYears: selectYears,
         selectMonths: true, // Creates a dropdown to control month
         formatSubmit: 'yyyy-mm-dd',
         format:'yyyy-mm-dd',

theme-settings.php

@@ -75,4 +75,11 @@ function material_admin_form_system_theme_settings_alter(&$form, $form_state) {
     '#description' => t('If checked, a long message will skip the toast notice and only show up in the bottom drawer'),
     '#default_value' => theme_get_setting('material_admin_message_prompt'),
   );
+
+  $form['theme_ui_options']['material_admin_datepicker_select_years'] = array(
+    '#type' => 'number',
+    '#title' => t('Number of years in datepicker'),
+    '#description' => t('Defines the number of years, that will be available in the datepicker dropdown.'),
+    '#default_value' => theme_get_setting('material_admin_datepicker_select_years'),
+  );
 }