TiUI
HomeComponentsIconsSQL EditorDocsRAP API ↗Storybook ↗
GitHubGitHub
  • Introduction
  • Cloud UI
  • Getting Started
    • Accordion
    • Actionicon
    • Affix
    • Alert
    • Alphaslider
    • Anchor
    • Animatednumber
    • Appshell
    • Aspectratio
    • Autocomplete
    • Avatar
    • Backgroundimage
    • Badge
    • Blockquote
    • Box
    • Breadcrumbs
    • Burger
    • Button
    • Calendar
    • Card
    • Center
    • Checkbox
    • Chip
    • Closebutton
    • Code
    • Collapse
    • Colorinput
    • Colorpicker
    • Colorswatch
    • Combobox
    • Container
    • Copybutton
    • Dateinput
    • Datepicker
    • Datepickerinput
    • Datetimepicker
    • Datesprovider
    • Dialog
    • Divider
    • Drawer
    • Fieldset
    • Filebutton
    • Fileinput
    • Flex
    • Floatingindicator
    • Focustrap
    • Grid
    • Group
    • Highlight
    • Hovercard
    • Hueslider
    • Image
    • Indicator
    • Input
    • Jsoninput
    • Kbd
    • List
    • Loader
    • Loadingoverlay
    • Mark
    • Mediaquery
    • Menu
    • Modal
    • Monthpicker
    • Monthpickerinput
    • Multiselect
    • Nativeselect
    • Navlink
    • Notification
    • Numberformatter
    • Numberinput
    • Overlay
    • Pagination
    • Paper
    • Passwordinput
    • Pill
    • Pillsinput
    • Pininput
    • Popover
    • Portal
    • Prism
    • Progress
    • Radio
    • Rating
    • Ringprogress
    • Scrollarea
    • Segmentedcontrol
    • Select
    • Semicircleprogress
    • Simplegrid
    • Skeleton
    • Slider
    • Space
    • Spoiler
    • Stack
    • Stepper
    • Switch
    • Table
    • Tabs
    • Tagsinput
    • Text
    • Textinput
    • Textarea
    • Themeicon
    • Timeinput
    • Timeline
    • Title
    • Tooltip
    • Transition
    • Tree
    • Typography
    • Typographystylesprovider
    • Unstyledbutton
    • Visuallyhidden
    • Yearpicker
    • Yearpickerinput
    • Notifier
    • AppShell
    • CodeBlock
    • CollapsibleCard
    • CopyText
    • DateTimePicker
    • Dot
    • DotBadge
    • Form
    • LabelTooltip
    • PageShell
    • PhoneInput
    • ProMultiSelect
    • PropertyCard
    • SearchArea
    • TableBasic
    • TablePro
    • TransferTree
    • Tree
    • Typography
    • TimeRangePicker
    • Wip
    • Usage
    • Icons Library↗
    • Overview
    • DOM & UI
    • useClickOutside
    • useSystemColorScheme
    • useElementSize
    • useEventListener
    • useFocusReturn
    • useFocusTrap
    • useFocusWithin
    • useFullscreen
    • useHotkeys
    • useHover
    • useInViewport
    • useIntersection
    • useMediaQuery
    • useMouse
    • useMove
    • useMutationObserver
    • useOrientation
    • useReducedMotion
    • useResizeObserver
    • useScrollIntoView
    • useScrollSpy
    • useViewportSize
    • useWindowEvent
    • useWindowScroll
    • State Management
    • useCounter
    • useDebouncedCallback
    • useDebouncedState
    • useDebouncedValue
    • useDisclosure
    • useId
    • useInputState
    • useListState
    • useLocalStorage
    • useMap
    • usePagination
    • usePrevious
    • useQueue
    • useSet
    • useSetState
    • useStateHistory
    • useThrottledCallback
    • useThrottledState
    • useThrottledValue
    • useToggle
    • useUncontrolled
    • useValidatedState
    • Utilities
    • useClipboard
    • useDocumentTitle
    • useDocumentVisibility
    • useEyeDropper
    • useFavicon
    • useFetch
    • useFileDialog
    • useHash
    • useHeadroom
    • useIdle
    • useInterval
    • useMergedRef
    • useNetwork
    • useOs
    • usePageLeave
    • useTextSelection
    • useTimeout
    • useURLQueryState
    • Lifecycle
    • useDidUpdate
    • useForceUpdate
    • useIsFirstRender
    • useIsomorphicEffect
    • useLogger
    • useMounted
    • useShallowEffect
  • Contribution
  • Mantine Docs ↗
  • Cloud SQL Editor
  • Getting Started
    • Extension - Themes
    • Extension - Events
    • Extension - CurSQLGutter
    • Extension - CurSQL
    • Extension - SQLParser
    • Extension - Linters
    • Extension - SQLAutocomplete
    • Extension - BasicSetup
    • Extension - SaveHelper
    • Extension - AIWidget
  • SQL Editor Playground
  • CodeMirror Docs ↗
Question? Give us feedback →Edit this page
DocsCloud UI ProWip

Cloud UI Pro

to be continued…:p

TimeRangePickerUsage

© 2025 TiDB Cloud FE Team. All rights reserved.