Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
N
nexpie-grafana-theme
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Registry
Registry
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Kornkitt Poolsup
nexpie-grafana-theme
Commits
4c823d92
Unverified
Commit
4c823d92
authored
Apr 28, 2020
by
Alex Khomenko
Committed by
GitHub
Apr 28, 2020
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Search: Convert time pickers to CSF (#24002)
parent
7c43dca9
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
25 additions
and
22 deletions
+25
-22
packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.story.tsx
+9
-8
packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.tsx
+1
-1
packages/grafana-ui/src/components/TimePicker/TimeRangePicker.story.tsx
+7
-6
packages/grafana-ui/src/components/TimePicker/TimeZonePicker.story.tsx
+7
-6
packages/grafana-ui/src/components/TimePicker/TimeZonePicker.tsx
+1
-1
No files found.
packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.story.tsx
View file @
4c823d92
import
React
from
'react'
;
import
{
storiesOf
}
from
'@storybook/react'
;
import
{
action
}
from
'@storybook/addon-actions'
;
import
{
TimeOfDayPicker
}
from
'./TimeOfDayPicker'
;
...
...
@@ -7,11 +6,13 @@ import { UseState } from '../../utils/storybook/UseState';
import
{
withCenteredStory
}
from
'../../utils/storybook/withCenteredStory'
;
import
{
dateTime
}
from
'@grafana/data'
;
const
TimeOfDayPickerStories
=
storiesOf
(
'Pickers and Editors/TimeOfDayPicker'
,
module
);
export
default
{
title
:
'Pickers and Editors/TimePickers/TimeOfDayPicker'
,
component
:
TimeOfDayPicker
,
decorators
:
[
withCenteredStory
],
};
TimeOfDayPickerStories
.
addDecorator
(
withCenteredStory
);
TimeOfDayPickerStories
.
add
(
'default'
,
()
=>
{
export
const
basic
=
()
=>
{
return
(
<
UseState
initialState=
{
{
...
...
@@ -31,9 +32,9 @@ TimeOfDayPickerStories.add('default', () => {
}
}
</
UseState
>
);
}
)
;
};
TimeOfDayPickerStories
.
add
(
'only minutes'
,
()
=>
{
export
const
onlyMinutes
=
()
=>
{
return
(
<
UseState
initialState=
{
{
value
:
dateTime
(
Date
.
now
())
}
}
>
{
(
value
,
updateValue
)
=>
{
...
...
@@ -50,4 +51,4 @@ TimeOfDayPickerStories.add('only minutes', () => {
}
}
</
UseState
>
);
}
)
;
};
packages/grafana-ui/src/components/TimePicker/TimeOfDayPicker.tsx
View file @
4c823d92
...
...
@@ -8,7 +8,7 @@ import { inputSizes } from '../Forms/commonStyles';
import
{
FormInputSize
}
from
'../Forms/types'
;
import
{
focusCss
}
from
'../../themes/mixins'
;
interface
Props
{
export
interface
Props
{
onChange
:
(
value
:
DateTime
)
=>
void
;
value
:
DateTime
;
showHour
?:
boolean
;
...
...
packages/grafana-ui/src/components/TimePicker/TimeRangePicker.story.tsx
View file @
4c823d92
import
React
from
'react'
;
import
{
storiesOf
}
from
'@storybook/react'
;
import
{
action
}
from
'@storybook/addon-actions'
;
import
{
TimeRangePicker
}
from
'./TimeRangePicker'
;
...
...
@@ -7,11 +6,13 @@ import { UseState } from '../../utils/storybook/UseState';
import
{
withCenteredStory
}
from
'../../utils/storybook/withCenteredStory'
;
import
{
TimeFragment
,
dateTime
}
from
'@grafana/data'
;
const
TimeRangePickerStories
=
storiesOf
(
'Pickers and Editors/TimeRangePicker'
,
module
);
export
default
{
title
:
'Pickers and Editors/TimePickers/TimeRangePicker'
,
component
:
TimeRangePicker
,
decorators
:
[
withCenteredStory
],
};
TimeRangePickerStories
.
addDecorator
(
withCenteredStory
);
TimeRangePickerStories
.
add
(
'default'
,
()
=>
{
export
const
basic
=
()
=>
{
return
(
<
UseState
initialState=
{
{
...
...
@@ -43,4 +44,4 @@ TimeRangePickerStories.add('default', () => {
}
}
</
UseState
>
);
}
)
;
};
packages/grafana-ui/src/components/TimePicker/TimeZonePicker.story.tsx
View file @
4c823d92
import
React
from
'react'
;
import
{
storiesOf
}
from
'@storybook/react'
;
import
{
action
}
from
'@storybook/addon-actions'
;
import
{
TimeZonePicker
}
from
'./TimeZonePicker'
;
import
{
UseState
}
from
'../../utils/storybook/UseState'
;
import
{
withCenteredStory
}
from
'../../utils/storybook/withCenteredStory'
;
const
TimeZonePickerStories
=
storiesOf
(
'Pickers and Editors/TimeZonePicker'
,
module
);
export
default
{
title
:
'Pickers and Editors/TimePickers/TimeZonePicker'
,
component
:
TimeZonePicker
,
decorators
:
[
withCenteredStory
],
};
TimeZonePickerStories
.
addDecorator
(
withCenteredStory
);
TimeZonePickerStories
.
add
(
'default'
,
()
=>
{
export
const
basic
=
()
=>
{
return
(
<
UseState
initialState=
{
{
...
...
@@ -30,4 +31,4 @@ TimeZonePickerStories.add('default', () => {
}
}
</
UseState
>
);
}
)
;
};
packages/grafana-ui/src/components/TimePicker/TimeZonePicker.tsx
View file @
4c823d92
...
...
@@ -2,7 +2,7 @@ import React, { FC } from 'react';
import
{
getTimeZoneGroups
}
from
'@grafana/data'
;
import
{
Cascader
}
from
'../index'
;
interface
Props
{
export
interface
Props
{
value
:
string
;
width
?:
number
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment