Sélecteur de date bouton delete

CHANGES.md

@@ -4,6 +4,8 @@
 Corrections :
     - Champs de formulaire, uniformisation de la hauteur (select, input, etc) identique à celle des boutons à 9px.
     - Module search : texte d'aide dans la zone de saisie non pris en compte.
+Modification : 
+    - Ajout au sélecteur de date d'un bouton d'effacement identique à celui du sélecteur de fichiers.
 
 ## version 10.6.00
 Cette version apporte aux modules une autonomie complète par rapport au noyau.

core/class/template.class.php

@@ -247,12 +247,18 @@ class template {
         }
         $html .= self::notice($attributes['id'], $notice);
         // Date visible
+        $html .= '<div class="inputDateManagerWrapper">';
         $html .= sprintf(
             '<input type="text" class="datepicker %s" value="%s" %s>',
             $attributes['class'],
             $attributes['value'],
             helper::sprintAttributes($attributes, ['class', 'value'])
         );
+        $html .= self::button($attributes['id'] . 'Delete', [
+            'class' => 'inputDateDelete',
+            'value' => self::ico('cancel')
+        ]);
+        $html .= '</div>';
         // Fin du wrapper
         $html .= '</div>';
         // Retourne le html

core/core.js.php

@@ -288,6 +288,10 @@ core.start = function() {
 	$(".inputFileDelete").on("click", function() {
 		$(this).parents(".inputWrapper").find(".inputFileHidden").val("").trigger("change");
 	});
+	// Suppression de la date contenu dans le champ
+	$(".inputDateDelete").on("click", function() {
+		$(this).parents(".inputWrapper").find(".datepicker").val("").trigger("change");
+	});
 	// Confirmation de mise à jour
 	$("#barUpdate").on("click", function() {
 		return core.confirm("Effectuer la mise à jour ?", function() {

core/layout/common.css

@@ -1188,13 +1188,13 @@ label {
 }
 
 /* Upload de fichiers */
-.inputFile {
+.inputFile, .datepicker {
 	margin: 0;
 	display: inline-block;
-	width: 88%;
+	width: 88% !important;
 }
 
-.inputFileDelete {
+.inputFileDelete, .inputDateDelete {
 	display: block;
 	width: 10%;
 	padding: 10px 0;
@@ -1209,11 +1209,11 @@ label {
 }
 
 /* Empêche le débordement et les sauts de ligne */
-.inputFileManagerWrapper {
+.inputFileManagerWrapper, .inputDateManagerWrapper {
 	display: inline;
 }
 
-.inputFileManagerWrapper>.inputFile {
+.inputFileManagerWrapper>.inputFile, .inputDateManagerWrapper>.inputFile {
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;