React NativeScript

React NativeScript

  • Docs

›ELEMENTS: COMPONENTS

INTRODUCTION

  • Introduction

GETTING STARTED

  • Quick Start
  • Environment Setup
  • Using React Devtools

CORE CONCEPTS

  • Native Access
  • Navigation
  • Node Roles
  • Modals
  • Plugins
  • Styling

SAMPLES

  • Apps

ELEMENTS: LAYOUT

  • AbsoluteLayout
  • DockLayout
  • FlexboxLayout
  • GridLayout
  • StackLayout
  • WrapLayout

ELEMENTS: COMPONENTS

  • ActivityIndicator
  • ActionBar
  • ActionItem
  • Button
  • DatePicker
  • Frame
  • HtmlView
  • Image
  • Label
  • ListView
  • ListPicker
  • NavigationButton
  • Page
  • Placeholder
  • Progress
  • ScrollView
  • SearchBar
  • SegmentedBar
  • Slider
  • Switch
  • TabView
  • TabViewItem
  • TextField
  • TextView
  • TimePicker
  • WebView

LICENCES

  • Licences
Edit

TimePicker

<timePicker> is a UI component that lets users select time.

See also:

  • Official top-level documentation
  • Detailed API specification
  • <datePicker>

import * as React from "react";

<timePicker hour={selectedHour} minute={selectedMinute} />

<timePicker> provides two-way data binding using v-model.

Props

NameTypeDescription
hournumberSets the selected hour.
minutenumberSets the selected minute.
timeDateSets the selected time.
minHournumberSets the minimum selectable hour.
maxHournumberSets the maximum selectable hour.
minMinutenumberSets the minimum selectable minute.
maxMinutenumberSets the maximum selectable minute.
minuteIntervalnumberSets the selectable minute interval. For example: 5 or 15 minutes.
Default value: 1.
onTimeChange(args:EventData) => voidEmitted when the selected time changes.

Native component

AndroidiOS
android.widget.TimePickerUIDatePicker
Last updated by Jamie Birch
← TextViewWebView →
  • Props
  • Native component
React NativeScript
Docs
Getting StartedUI Components Reference
Community
Stack OverflowChat on Slack in #reactTwitter
More
GitHub – React NativeScriptGitHub – Docs Site
Copyright © 2021 Jamie Birch