docs build

Author: ivansfdc

demo/docs/components.json

@@ -1319,7 +1319,7 @@
                 "required": false,
                 "description": "Date formatting function",
                 "defaultValue": {
-                    "value": "function(date) {\n  return (date.getMonth()+1) +\n    '/'+date.getDate() +\n    '/'+date.getFullYear();\n}",
+                    "value": "function(date) {\n  if(date){\n    return (date.getMonth()+1) +\n      '/'+date.getDate() +\n      '/'+date.getFullYear();\n  }\n}",
                     "computed": false
                 }
             },
@@ -1390,6 +1390,13 @@
                     "computed": false
                 }
             },
+            "strValue": {
+                "type": {
+                    "name": "string"
+                },
+                "required": false,
+                "description": ""
+            },
             "weekDayLabels": {
                 "type": {
                     "name": "array"
@@ -1414,5 +1421,108 @@
                 }
             }
         }
+    },
+    "SLDSTimepicker": {
+        "description": "",
+        "displayName": "SLDSTimepicker",
+        "props": {
+            "formatter": {
+                "type": {
+                    "name": "func"
+                },
+                "required": false,
+                "description": "Time formatting function",
+                "defaultValue": {
+                    "value": "function(date) {\n  if(date){\n    return date.toLocaleTimeString(navigator.language, {hour: '2-digit', minute:'2-digit'});\n  }\n}",
+                    "computed": false
+                }
+            },
+            "parser": {
+                "type": {
+                    "name": "func"
+                },
+                "required": false,
+                "description": "Parsing date string into Date",
+                "defaultValue": {
+                    "value": "function(timeStr) {\n  const date = new Date();\n  const dateStr = date.toLocaleString(navigator.language, {year: 'numeric', month: 'numeric', day: 'numeric'});\n  return new Date(dateStr+' '+timeStr);\n}",
+                    "computed": false
+                }
+            },
+            "relativeYearFrom": {
+                "type": {
+                    "name": "number"
+                },
+                "required": false,
+                "description": "",
+                "defaultValue": {
+                    "value": "-5",
+                    "computed": false
+                }
+            },
+            "relativeYearTo": {
+                "type": {
+                    "name": "number"
+                },
+                "required": false,
+                "description": "",
+                "defaultValue": {
+                    "value": "5",
+                    "computed": false
+                }
+            },
+            "todayLabel": {
+                "type": {
+                    "name": "string"
+                },
+                "required": false,
+                "description": "",
+                "defaultValue": {
+                    "value": "'Today'",
+                    "computed": false
+                }
+            },
+            "value": {
+                "type": {
+                    "name": "instanceOf",
+                    "value": "Date"
+                },
+                "required": false,
+                "description": "Date",
+                "defaultValue": {
+                    "value": "null",
+                    "computed": false
+                }
+            },
+            "strValue": {
+                "type": {
+                    "name": "string"
+                },
+                "required": false,
+                "description": ""
+            },
+            "weekDayLabels": {
+                "type": {
+                    "name": "array"
+                },
+                "required": false,
+                "description": "",
+                "defaultValue": {
+                    "value": "[\n  'Sunday','Monday','Tuesday',\n  'Wednesday','Thursday','Friday',\n  'Saturday'\n]",
+                    "computed": false
+                }
+            },
+            "onDateChange": {
+                "defaultValue": {
+                    "value": "function(date) {\n  console.log('onDateChange should be defined');\n}",
+                    "computed": false
+                }
+            },
+            "placeholder": {
+                "defaultValue": {
+                    "value": "'Pick Time'",
+                    "computed": false
+                }
+            }
+        }
     }
 }

demo/pages/TimePickerSection.js

@@ -34,7 +34,6 @@ class DatepickerSingleSelectSection extends React.Component {
     const docs = DOCS["DatepickerSingleSelect"] ? true : false;
     return (
       <div className='slds-p-around--medium'>
-        TIME PICKER
         <ComponentHeader cmpName="SLDSDatepickerSingleSelect" cmpUrl="http://www.lightningdesignsystem.com/components/datepickers#single-select" />
         <div className="copy-text">
           {docs ? <p dangerouslySetInnerHTML={this.getDescription()} className="slds-p-vertical--small" style={{ "maxWidth": "800px"}}  /> : null}

scripts/component-docs.js

@@ -14,6 +14,7 @@ var componentNames = [
   'SLDSNotification',
   'SLDSPopoverTooltip',
   'SLDSDatepickerSingleSelect',
+  'SLDSTimepicker',
   //'SLDSGrid',
   //'SLDSUtilityIcon',
 ];