Replace datetimepicker by corresponding HTML5 inputs

fir_nuggets/models.py

@@ -6,6 +6,7 @@
 from django.contrib.auth.models import User
 
 from incidents.models import Incident
+from incidents.fields import DateTimeLocalField
 
 
 class Nugget(models.Model):
@@ -25,6 +26,9 @@ def __str__(self):
 
 
 class NuggetForm(forms.ModelForm):
+    date = DateTimeLocalField()
+    start_timestamp = DateTimeLocalField()
+    end_timestamp = DateTimeLocalField()
 
     class Meta:
         model = Nugget

fir_todos/models.py

@@ -3,6 +3,7 @@
 from django import forms
 
 from incidents.models import Incident, IncidentCategory, BusinessLine, Label
+from incidents.fields import DateTimeLocalField
 
 
 class TodoItem(models.Model):
@@ -19,6 +20,8 @@ def __str__(self):
 
 
 class TodoItemForm(forms.ModelForm):
+    done_time = DateTimeLocalField()
+
     def __init__(self, *args, **kwargs):
         self.user = kwargs.pop('for_user', None)
         super(TodoItemForm, self).__init__(*args, **kwargs)

incidents/fields.py

@@ -0,0 +1,18 @@
+from django import forms
+
+class DateTimeLocalInput(forms.DateTimeInput):
+    input_type = "datetime-local"
+
+class DateTimeLocalField(forms.DateTimeField):
+    # Set DATETIME_INPUT_FORMATS here because, if USE_L10N 
+    # is True, the locale-dictated format will be applied 
+    # instead of settings.DATETIME_INPUT_FORMATS.
+    # See also: 
+    # https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats
+
+    input_formats = [
+        "%Y-%m-%dT%H:%M:%S", 
+        "%Y-%m-%dT%H:%M:%S.%f", 
+        "%Y-%m-%dT%H:%M",
+    ]
+    widget = DateTimeLocalInput(format="%Y-%m-%dT%H:%M")

incidents/forms.py

@@ -1,6 +1,7 @@
 from django.forms import ModelForm
 from django import forms
 from incidents.models import IncidentCategory, Incident, Comments, BusinessLine
+from incidents.fields import DateTimeLocalField
 from django.contrib.auth.forms import AuthenticationForm
 
 
@@ -26,6 +27,8 @@ def __init__(self, user, initial_device, **kwargs):
 
 
 class IncidentForm(ModelForm):
+    date = DateTimeLocalField()
+
     def __init__(self, *args, **kwargs):
         self.user = kwargs.pop('for_user', None)
         permissions = kwargs.pop('permissions', None)

incidents/static/custom_js/auto_ajax.js

@@ -80,12 +80,4 @@ $(function () {
 
 		event.preventDefault();
 	});
-
-	// Enable datetimepickers
-	$('.datetime').datetimepicker({
-		format: 'yyyy-mm-dd hh:ii',
-    	autoclose: true,
-    	todayBtn: true,
-    	keyboardNavigation: false,
-	});
 });