chore: hyphenate ui component files

Author: rigor789

content/ui/datepicker.md renamed to content/ui/date-picker.md

@@ -8,7 +8,7 @@ contributors:
 
 `<DatePicker>` is a UI component that lets users select a date from a pre-configured range.
 
-See also: [TimePicker](/ui/timepicker).
+See also: [TimePicker](/ui/time-picker).
 
 <DeviceFrame type="ios">
 <img src="../screenshots/ios/DatePicker.png"/>

content/ui/htmlview.md renamed to content/ui/html-view.md

@@ -8,7 +8,7 @@ contributors:
 
 `<HtmlView>` is a UI component for rendering simple static HTML content.
 
-See also: [WebView](/ui/webview).
+See also: [WebView](/ui/web-view).
 
 <DeviceFrame type="ios">
 <img src="../screenshots/ios/HtmlView.png"/>

content/ui/listpicker.md renamed to content/ui/list-picker.md

@@ -44,24 +44,24 @@ export default [
         items: [
           { text: 'ActivityIndicator', link: '/ui/activity-indicator' },
           { text: 'Button', link: '/ui/button' },
-          { text: 'DatePicker', link: '/ui/datepicker' },
-          { text: 'HtmlView', link: '/ui/htmlview' },
+          { text: 'DatePicker', link: '/ui/date-picker' },
+          { text: 'HtmlView', link: '/ui/html-view' },
           { text: 'Image', link: '/ui/image' },
           { text: 'Label', link: '/ui/label' },
-          { text: 'ListPicker', link: '/ui/listpicker' },
-          { text: 'ListView', link: '/ui/listview' },
+          { text: 'ListPicker', link: '/ui/list-picker' },
+          { text: 'ListView', link: '/ui/list-view' },
           { text: 'Placeholder', link: '/ui/placeholder' },
           { text: 'Progress', link: '/ui/progress' },
-          { text: 'ScrollView', link: '/ui/scrollview' },
-          { text: 'SearchBar', link: '/ui/searchbar' },
-          { text: 'SegmentedBar', link: '/ui/segmentedbar' },
+          { text: 'ScrollView', link: '/ui/scroll-view' },
+          { text: 'SearchBar', link: '/ui/search-bar' },
+          { text: 'SegmentedBar', link: '/ui/segmented-bar' },
           { text: 'Slider', link: '/ui/slider' },
           { text: 'Switch', link: '/ui/switch' },
-          { text: 'TabView', link: '/ui/tabview' },
-          { text: 'TextField', link: '/ui/textfield' },
-          { text: 'TextView', link: '/ui/textview' },
-          { text: 'TimePicker', link: '/ui/timepicker' },
-          { text: 'WebView', link: '/ui/webview' },
+          { text: 'TabView', link: '/ui/tab-view' },
+          { text: 'TextField', link: '/ui/text-field' },
+          { text: 'TextView', link: '/ui/text-view' },
+          { text: 'TimePicker', link: '/ui/time-picker' },
+          { text: 'WebView', link: '/ui/web-view' },
         ],
       },
     ],