Merge pull request #27 from carllopez/master

Handling properly datetime fields

Author: kalwalkden

README.md

@@ -103,6 +103,15 @@ This is most useful for adding a descriptive icon when you are creating a custom
 {{ form.FIELD_NAME|materializecss:'custom_size=s12 m6, icon=person' }}
 ```
 
+### Note about `DateTimeField`
+Input field is rendered as a *datetime-local* type, that let the user easily enter both a date and a time. As this field requires ISO-8601 format, your main project settings need to include the ISO format in order for the form to consider this field valid:
+```
+from django.conf.global_settings import DATETIME_INPUT_FORMATS
+
+# ISO 8601 datetime format to accept html5 datetime input values
+DATETIME_INPUT_FORMATS += ["%Y-%m-%dT%H:%M:%S", "%Y-%m-%dT%H:%M"]
+```
+
 ## Demo
 
 ![Basic form](https://cloud.githubusercontent.com/assets/3958123/6165004/a1984f52-b2a4-11e4-8ae2-078505991b0d.png)

materializecssform/meta.py

@@ -1,4 +1,4 @@
 from distutils.version import StrictVersion
 
 
-VERSION = StrictVersion('1.1.10')
+VERSION = StrictVersion('1.1.11')

materializecssform/templates/materializecssform/attrs.html

@@ -1,5 +1,5 @@
 {% for name, value in field.field.widget.attrs.items %}
-    {% if value is not False %} 
+    {% if value is not False %}
         {{ name }}{% if value is not True %}="{{ value|stringformat:'s' }}" {% endif %}
     {% endif %}
 {% endfor %}

materializecssform/templates/materializecssform/field.html

@@ -47,7 +47,7 @@
             {% endif %}
         </div>
     </div>
-    {% elif field|is_date_input or field|is_datetime_input %}
+    {% elif field|is_date_input %}
     <div class="input-field col {{ classes.label }} {{ classes.value }} {{ classes.single_value }}">
         {% if classes.icon %}
             <i class="material-icons prefix">{{ classes.icon }}</i>
@@ -66,6 +66,26 @@
         </p>
         {% endif %}
 
+    </div>
+    {% elif field|is_datetime_input %}
+    <div class="input-field col {{ classes.label }} {{ classes.value }} {{ classes.single_value }}">
+        {% if classes.icon %}
+            <i class="material-icons prefix">{{ classes.icon }}</i>
+        {% endif %}
+
+        <input type="datetime-local" id="{{ field.auto_id }}" name="{{ field.html_name }}" value="{% if field.value %}{{ field.value|date:'c' }}{% endif %}" {% include 'materializecssform/attrs.html' %}  >
+        <label for="{{ field.id_for_label }}">{{ field.label }}</label>
+
+        {% for error in field.errors %}
+            <span class="help-block {{ form.error_css_class }}">{{ error }}</span>
+        {% endfor %}
+
+        {% if field.help_text %}
+        <p class="help-block">
+            {{ field.help_text|safe }}
+        </p>
+        {% endif %}
+
     </div>
     {% elif field|is_select %}
     <div class="input-field col {{ classes.label }} {{ classes.value }} {{ classes.single_value }}">