Pass labelProps to DateField and SelectField

API.md

@@ -1,5 +1,6 @@
 # Table of Contents
 
+- [Table of Contents](#table-of-contents)
 - [Fields](#fields)
     - [`AutoField`](#autofield)
     - [`AutoFields`](#autofields)
@@ -326,6 +327,11 @@ import DateField from 'uniforms-unstyled/DateField'; // Choose your theme packag
     //   use this prop instead.
     inputRef={ref => {}}
 
+    // Props for the InputLabel
+    // Available in:
+    //   material-ui
+    labelProps={{ shrink: true, disableAnimation: true }}
+
     // Maximum value.
     //   Date object.
     max={new Date(2100, 1, 1)}
@@ -859,6 +865,11 @@ import SelectField from 'uniforms-unstyled/SelectField'; // Choose your theme pa
     //   use this prop instead.
     inputRef={ref => {}}
 
+    // Props for the InputLabel
+    // Available in:
+    //   material-ui
+    labelProps={{ shrink: true, disableAnimation: true }}
+
     // Field inline error.
     //   *Some description would be great, huh?*
     // Available in:

packages/uniforms-material/src/DateField.js

@@ -1,6 +1,6 @@
 import FormControl    from '@material-ui/core/FormControl';
 import FormHelperText from '@material-ui/core/FormHelperText';
-import FormLabel      from '@material-ui/core/FormLabel';
+import InputLabel     from '@material-ui/core/InputLabel';
 import Input          from '@material-ui/core/Input';
 import React          from 'react';
 import connectField   from 'uniforms/connectField';
@@ -32,6 +32,7 @@ const Date = ({
     required,
     showInlineError,
     value,
+    labelProps,
     ...props
 }) => (
     <FormControl
@@ -41,7 +42,7 @@ const Date = ({
         margin={margin}
         required={required}
     >
-        {label && <FormLabel component="legend" htmlFor={name}>{label}</FormLabel>}
+        {label && <InputLabel htmlFor={name} {...labelProps}>{label}</InputLabel>}
         <Input
             name={name}
             onChange={event => dateParse(event.target.valueAsNumber, onChange)}

packages/uniforms-material/src/SelectField.js

@@ -43,6 +43,7 @@ const renderSelect = ({
     showInlineError,
     transform,
     value,
+    labelProps,
     ...props
 }) => {
     const Item = native ? 'option' : MenuItem;
@@ -55,7 +56,7 @@ const renderSelect = ({
             margin={margin}
             required={required}
         >
-            {label && <InputLabel htmlFor={name}>{label}</InputLabel>}
+            {label && <InputLabel htmlFor={name} {...labelProps}>{label}</InputLabel>}
             <SelectMaterial
                 inputProps={{name, id, ...inputProps}}
                 multiple={fieldType === Array || undefined}