Fix javascript fails to set the hidden value when the remove icon is clicked #86

Author: monim67

src/bootstrap_datepicker_plus/settings.py

@@ -39,7 +39,7 @@ class WidgetSettings(BaseSettings):
     bootstrap_icon_css_url: Optional[
         str
     ] = "https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"
-    app_static_url = "https://cdn.jsdelivr.net/gh/monim67/django-bootstrap-datepicker-plus@5.0.0/src/bootstrap_datepicker_plus/static/bootstrap_datepicker_plus/"
+    app_static_url = "https://cdn.jsdelivr.net/gh/monim67/django-bootstrap-datepicker-plus@5.0.2/src/bootstrap_datepicker_plus/static/bootstrap_datepicker_plus/"
     debug: bool = Field(default_factory=lambda: getattr(django_settings, "DEBUG", True))
 
     @validator("addon_icon_classes")

src/bootstrap_datepicker_plus/static/bootstrap_datepicker_plus/js/datepicker-widget.js

@@ -116,7 +116,7 @@
     const widgetInstance = { config, $element: $inputWrapper, dateTimePickerData: $inputWrapper.data("DateTimePicker") }
     widgetInstance.dateTimePickerData.date(moment(hiddenInputElement.value, config.backend_date_format));
     widgetInstance.$element.on("dp.change", function (e) {
-      hiddenInputElement.value = e.date.format(config.backend_date_format);
+      hiddenInputElement.value = e.date ? e.date.format(config.backend_date_format) : null;
     });
     for (let [eventName, handler] of Object.entries(config.events)) {
       widgetInstance.$element.on(eventName, handler);