Fix #55 -- Datetime picker for input fields

src/pretix/control/context.py

@@ -2,6 +2,7 @@ from django.conf import settings
 from django.core.urlresolvers import Resolver404, get_script_prefix, resolve
 
 from .signals import html_head, nav_event
+from .utils.i18n import get_javascript_format, get_moment_locale
 
 
 def contextprocessor(request):
@@ -30,4 +31,8 @@ def contextprocessor(request):
         for receiver, response in nav_event.send(request.event, request=request):
             _nav_event += response
     ctx['nav_event'] = _nav_event
+
+    ctx['js_datetime_format'] = get_javascript_format('DATETIME_INPUT_FORMATS')
+    ctx['js_locale'] = get_moment_locale()
+
     return ctx

src/pretix/control/forms/event.py

@@ -86,6 +86,12 @@ class EventUpdateForm(I18nModelForm):
             'presale_start',
             'presale_end',
         ]
+        widgets = {
+            'date_from': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+            'date_to': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+            'presale_start': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+            'presale_end': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+        }
 
 
 class EventSettingsForm(SettingsForm):
@@ -113,7 +119,8 @@ class EventSettingsForm(SettingsForm):
         label=_('Last date of modifications'),
         help_text=_("The last date users can modify details of their orders, such as attendee names or "
                     "answers to questions."),
-        required=False
+        required=False,
+        widget=forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
     )
     timezone = forms.ChoiceField(
         choices=((a, a) for a in common_timezones),
@@ -188,7 +195,8 @@ class PaymentSettingsForm(SettingsForm):
         label=_('Last date of payments'),
         help_text=_("The last date any payments are accepted. This has precedence over the number of "
                     "days configured above."),
-        required=False
+        required=False,
+        widget=forms.DateTimeInput(attrs={'class': 'datetimepicker'})
     )
     payment_term_expire_automatically = forms.BooleanField(
         label=_('Automatically expire unpaid orders'),
@@ -439,7 +447,8 @@ class TicketSettingsForm(SettingsForm):
     ticket_download_date = forms.DateTimeField(
         label=_("Download date"),
         help_text=_("Ticket download will be offered after this date."),
-        required=True
+        required=True,
+        widget=forms.DateTimeInput(attrs={'class': 'datetimepicker'})
     )
 
     def prepare_fields(self):

src/pretix/control/forms/item.py

@@ -147,6 +147,10 @@ class ItemUpdateForm(I18nModelForm):
             'hide_without_voucher',
             'allow_cancel'
         ]
+        widgets = {
+            'available_from': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+            'available_until': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+        }
 
 
 class ItemVariationForm(I18nModelForm):

src/pretix/control/forms/orders.py

@@ -11,6 +11,9 @@ class ExtendForm(I18nModelForm):
     class Meta:
         model = Order
         fields = ['expires']
+        widgets = {
+            'expires': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+        }
 
 
 class ExporterForm(forms.Form):

src/pretix/control/forms/vouchers.py

@@ -25,6 +25,9 @@ class VoucherForm(I18nModelForm):
             'code', 'valid_until', 'block_quota', 'allow_ignore_quota', 'price', 'tag',
             'comment'
         ]
+        widgets = {
+            'valid_until': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+        }
 
     def __init__(self, *args, **kwargs):
         instance = kwargs.get('instance')
@@ -177,6 +180,9 @@ class VoucherBulkForm(VoucherForm):
         fields = [
             'valid_until', 'block_quota', 'allow_ignore_quota', 'price', 'tag', 'comment'
         ]
+        widgets = {
+            'valid_until': forms.DateTimeInput(attrs={'class': 'datetimepicker'}),
+        }
 
     def clean(self):
         data = super().clean()

src/pretix/control/templates/pretixcontrol/base.html

@@ -15,6 +15,8 @@
             <script type="text/javascript" src="{% static "js/jquery.formset.js" %}"></script>
             <script type="text/javascript" src="{% static "typeahead/typeahead.bundle.js" %}"></script>
             <script type="text/javascript" src="{% static "bootstrap/js/bootstrap.js" %}"></script>
+            <script type="text/javascript" src="{% static "moment/moment-with-locales.js" %}"></script>
+            <script type="text/javascript" src="{% static "datetimepicker/bootstrap-datetimepicker.js" %}"></script>
             <script type="text/javascript" src="{% static "pretixcontrol/js/metisMenu.min.js" %}"></script>
             <script type="text/javascript" src="{% static "pretixcontrol/js/sb-admin-2.js" %}"></script>
 		    <script type="text/javascript" src="{% static "pretixcontrol/js/ui/main.js" %}"></script>
@@ -23,7 +25,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="icon" href="{% static "pretixbase/img/favicon.ico" %}">
 	</head>
-	<body>
+	<body data-datetimeformat="{{ js_datetime_format }}" data-datetimelocale={{ js_locale }}>
         <div id="#wrapper">
             <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
                 <div class="navbar-header">

src/pretix/control/utils/i18n.py

@@ -0,0 +1,65 @@
+# Inspired by https://github.com/asaglimbeni/django-datetime-widget/blob/master/datetimewidget/widgets.py
+# Copyright (c) 2013, Alfredo Saglimbeni (BSD license)
+import re
+
+from django.utils import translation
+from django.utils.formats import get_format
+
+from pretix import settings
+
+date_conversion_to_moment = {
+    '%a': 'ddd',
+    '%A': 'dddd',
+    '%w': 'd',
+    '%d': 'DD',
+    '%b': 'MMM',
+    '%B': 'MMMM',
+    '%m': 'MM',
+    '%y': 'YY',
+    '%Y': 'YYYY',
+    '%H': 'HH',
+    '%I': 'hh',
+    '%p': 'a',
+    '%M': 'mm',
+    '%S': 'ss',
+    '%f': 'SSSSSS',
+    '%z': 'ZZ',
+    '%Z': 'zz',
+    '%j': 'DDDD',
+    '%U': 'ww',  # fuzzy translation
+    '%W': 'WW',
+    '%c': '',
+    '%x': '',
+    '%X': ''
+}
+
+moment_locales = {
+    'af', 'az', 'bs', 'de-at', 'en-gb', 'et', 'fr-ch', 'hi', 'it', 'ko', 'me', 'ms-my', 'pa-in', 'se', 'sr', 'th',
+    'tzm-latn', 'zh-hk', 'ar', 'be', 'ca', 'de', 'en-ie', 'eu', 'fr', 'hr', 'ja', 'ky', 'mi', 'my', 'pl', 'si', 'ss',
+    'tlh', 'uk', 'zh-tw', 'ar-ly', 'bg', 'cs', 'dv', 'en-nz', 'fa', 'fy', 'hu', 'jv', 'lb', 'mk', 'nb', 'pt-br', 'sk',
+    'sv', 'tl-ph', 'uz', 'ar-ma', 'bn', 'cv', 'el', 'eo', 'fi', 'gd', 'hy-am', 'ka', 'lo', 'ml', 'ne', 'pt', 'sl', 'sw',
+    'tr', 'vi', 'ar-sa', 'bo', 'cy', 'en-au', 'es-do', 'fo', 'gl', 'id', 'kk', 'lt', 'mr', 'nl', 'ro', 'sq', 'ta',
+    'tzl', 'x-pseudo', 'ar-tn', 'br', 'da', 'en-ca', 'es', 'fr-ca', 'he', 'is', 'km', 'lv', 'ms', 'nn', 'ru', 'sr-cyrl',
+    'te', 'tzm', 'zh-cn',
+}
+
+toJavascript_re = re.compile(r'(?<!\w)(' + '|'.join(date_conversion_to_moment.keys()) + r')\b')
+
+
+def get_javascript_format(format_name):
+    f = get_format(format_name)[0]
+    return toJavascript_re.sub(
+        lambda x: date_conversion_to_moment[x.group()],
+        f
+    )
+
+
+def get_moment_locale(locale=None):
+    cur_lang = locale or translation.get_language()
+    if cur_lang in moment_locales:
+        return cur_lang
+    if '-' in cur_lang or '_' in cur_lang:
+        main = cur_lang.replace("_", "-").split("-")[0]
+        if main in moment_locales:
+            return main
+    return settings.LANGUAGE_CODE