@lukasbryla/react-native-date-module v1.0.2
��# @ l u k a s b r y l a / r e a c t - n a t i v e - d a t e - m o d u l e
F o r k e d f r o m : h t t p s : / / g i t h u b . c o m / N a x u l a n t h / r e a c t - n a t i v e - d a t e r a n g e - p i c k e r
R e m o v e d r e d u n d a n t l i b r a r i e s , o p t i m i z e d a n d u p d a t e d r e a c t t a r g e t v e r s i o n s .
W i l l b e m a i n t a i n e d i n t h e f u t u r e .
A R e a c t N a t i v e c o m p o n e n t f o r p i c k i n g d a t e r a n g e s o r s i n g l e d a t e s .
- C o m p l e t e l y c u s t o m i z a b l e
- U s e s M o m e n t . j s f o r h a n d l i n g d a t e s
< i m g s r c = " h t t p : / / w w w . d e n i z . g g / d a t e r a n g e 4 . g i f " w i d t h = 3 0 0 / >
# # I n s t a l l a t i o n
n p m i n s t a l l - - s a v e n p m i @ l u k a s b r y l a / r e a c t - n a t i v e - d a t e - m o d u l e
# # U s a g e
# # # D a t e r a n g e
j s
i m p o r t R e a c t f r o m " r e a c t " ;
i m p o r t { S t y l e S h e e t , V i e w , T e x t } f r o m " r e a c t - n a t i v e " ;
i m p o r t m o m e n t f r o m " m o m e n t " ;
i m p o r t D a t e R a n g e P i c k e r f r o m " @ l u k a s b r y l a / r e a c t - n a t i v e - d a t e - m o d u l e " ;
e x p o r t d e f a u l t c l a s s A p p e x t e n d s R e a c t . C o m p o n e n t {
c o n s t r u c t o r ( p r o p s ) {
s u p e r ( p r o p s ) ;
t h i s . s t a t e = {
s t a r t D a t e : n u l l ,
e n d D a t e : n u l l ,
d i s p l a y e d D a t e : m o m e n t ( ) ,
} ;
}
s e t D a t e s = ( d a t e s ) = > {
t h i s . s e t S t a t e ( {
. . . d a t e s ,
} ) ;
} ;
r e n d e r ( ) {
c o n s t { s t a r t D a t e , e n d D a t e , d i s p l a y e d D a t e } = t h i s . s t a t e ;
r e t u r n (
< V i e w s t y l e = { s t y l e s . c o n t a i n e r } >
< D a t e R a n g e P i c k e r
o n C h a n g e = { t h i s . s e t D a t e s }
e n d D a t e = { e n d D a t e }
s t a r t D a t e = { s t a r t D a t e }
d i s p l a y e d D a t e = { d i s p l a y e d D a t e }
r a n g e
>
< T e x t > C l i c k m e ! < / T e x t >
< / D a t e R a n g e P i c k e r >
< / V i e w >
) ;
}
}
c o n s t s t y l e s = S t y l e S h e e t . c r e a t e ( {
c o n t a i n e r : {
f l e x : 1 ,
b a c k g r o u n d C o l o r : " # f f f " ,
a l i g n I t e m s : " c e n t e r " ,
j u s t i f y C o n t e n t : " c e n t e r " ,
} ,
} ) ;
# # # S i n g l e d a t e
< i m g s r c = " h t t p : / / w w w . d e n i z . g g / s i n g l e d a t e 3 . g i f " w i d t h = 3 0 0 / >
U s e t h e d a t e p r o p i n s t e a d o f t h e s t a r t D a t e a n d e n d D a t e p r o p s .
j s
i m p o r t R e a c t f r o m " r e a c t " ;
i m p o r t { S t y l e S h e e t , V i e w , T e x t } f r o m " r e a c t - n a t i v e " ;
i m p o r t m o m e n t f r o m " m o m e n t " ;
i m p o r t D a t e R a n g e P i c k e r f r o m " @ l u k a s b r y l a / r e a c t - n a t i v e - d a t e - m o d u l e " ;
e x p o r t d e f a u l t c l a s s A p p e x t e n d s R e a c t . C o m p o n e n t {
c o n s t r u c t o r ( p r o p s ) {
s u p e r ( p r o p s ) ;
t h i s . s t a t e = {
d a t e : n u l l ,
d i s p l a y e d D a t e : m o m e n t ( ) ,
} ;
}
s e t D a t e s = ( d a t e s ) = > {
t h i s . s e t S t a t e ( {
. . . d a t e s ,
} ) ;
} ;
r e n d e r ( ) {
c o n s t { d a t e , d i s p l a y e d D a t e } = t h i s . s t a t e ;
r e t u r n (
< V i e w s t y l e = { s t y l e s . c o n t a i n e r } >
< D a t e R a n g e P i c k e r
o n C h a n g e = { t h i s . s e t D a t e s }
d a t e = { d a t e }
d i s p l a y e d D a t e = { d i s p l a y e d D a t e }
>
< T e x t > C l i c k m e ! < / T e x t >
< / D a t e R a n g e P i c k e r >
< / V i e w >
) ;
}
}
c o n s t s t y l e s = S t y l e S h e e t . c r e a t e ( {
c o n t a i n e r : {
f l e x : 1 ,
b a c k g r o u n d C o l o r : " # f f f " ,
a l i g n I t e m s : " c e n t e r " ,
j u s t i f y C o n t e n t : " c e n t e r " ,
} ,
} ) ;
# # # M i n i m u m a n d m a x i m u m a l l o w e d d a t e s
< i m g s r c = " h t t p : / / w w w . d e n i z . g g / d i s a b l e d d a t e s 2 . g i f " w i d t h = 3 0 0 / >
U s e t h e m i n D a t e a n d m a x D a t e p r o p s t o d i s a b l e t h e d a t e s t h a t a r e n ' t a l l o w e d .
j s
i m p o r t R e a c t f r o m " r e a c t " ;
i m p o r t { S t y l e S h e e t , V i e w , T e x t } f r o m " r e a c t - n a t i v e " ;
i m p o r t m o m e n t f r o m " m o m e n t " ;
i m p o r t D a t e R a n g e P i c k e r f r o m " @ l u k a s b r y l a / r e a c t - n a t i v e - d a t e - m o d u l e " ;
e x p o r t d e f a u l t c l a s s A p p e x t e n d s R e a c t . C o m p o n e n t {
c o n s t r u c t o r ( p r o p s ) {
s u p e r ( p r o p s ) ;
t h i s . s t a t e = {
s t a r t D a t e : n u l l ,
e n d D a t e : n u l l ,
d i s p l a y e d D a t e : m o m e n t ( ) ,
m i n D a t e : m o m e n t ( ) . s e t ( " d a t e " , 1 7 ) ,
m a x D a t e : m o m e n t ( ) . s e t ( " d a t e " , 2 0 ) ,
} ;
}
s e t D a t e s = ( d a t e s ) = > {
t h i s . s e t S t a t e ( {
. . . d a t e s ,
} ) ;
} ;
r e n d e r ( ) {
c o n s t { s t a r t D a t e , e n d D a t e , d i s p l a y e d D a t e , m i n D a t e , m a x D a t e } = t h i s . s t a t e ;
r e t u r n (
< V i e w s t y l e = { s t y l e s . c o n t a i n e r } >
< D a t e R a n g e P i c k e r
o n C h a n g e = { t h i s . s e t D a t e s }
s t a r t D a t e = { s t a r t D a t e }
e n d D a t e = { e n d D a t e }
m i n D a t e = { m i n D a t e }
m a x D a t e = { m a x D a t e }
r a n g e
d i s p l a y e d D a t e = { d i s p l a y e d D a t e }
>
< T e x t > C l i c k m e ! < / T e x t >
< / D a t e R a n g e P i c k e r >
< / V i e w >
) ;
}
}
c o n s t s t y l e s = S t y l e S h e e t . c r e a t e ( {
c o n t a i n e r : {
f l e x : 1 ,
b a c k g r o u n d C o l o r : " # f f f " ,
a l i g n I t e m s : " c e n t e r " ,
j u s t i f y C o n t e n t : " c e n t e r " ,
} ,
} ) ;
# # # S e t t i n g l o c a l e
S i m p l y p a s s y o u r c u s t o m M o m e n t o b j e c t w i t h l o c a l e a t t a c h e d t o i t a s a p r o p .
j s
i m p o r t R e a c t f r o m " r e a c t " ;
i m p o r t { S t y l e S h e e t , V i e w , T e x t } f r o m " r e a c t - n a t i v e " ;
i m p o r t D a t e R a n g e P i c k e r f r o m " @ l u k a s b r y l a / r e a c t - n a t i v e - d a t e - m o d u l e " ;
i m p o r t m o m e n t f r o m " m o m e n t / m i n / m o m e n t - w i t h - l o c a l e s " ;
m o m e n t . l o c a l e ( " e n " ) ;
e x p o r t d e f a u l t c l a s s A p p e x t e n d s R e a c t . C o m p o n e n t {
c o n s t r u c t o r ( p r o p s ) {
s u p e r ( p r o p s ) ;
t h i s . s t a t e = {
s t a r t D a t e : n u l l ,
e n d D a t e : n u l l ,
d i s p l a y e d D a t e : m o m e n t ( ) ,
} ;
}
s e t D a t e s = ( d a t e s ) = > {
t h i s . s e t S t a t e ( {
. . . d a t e s ,
} ) ;
} ;
r e n d e r ( ) {
c o n s t { s t a r t D a t e , e n d D a t e , d i s p l a y e d D a t e } = t h i s . s t a t e ;
r e t u r n (
< V i e w s t y l e = { s t y l e s . c o n t a i n e r } >
< D a t e R a n g e P i c k e r
o n C h a n g e = { t h i s . s e t D a t e s }
e n d D a t e = { e n d D a t e }
s t a r t D a t e = { s t a r t D a t e }
d i s p l a y e d D a t e = { d i s p l a y e d D a t e }
r a n g e
m o m e n t = { m o m e n t }
>
< T e x t > C l i c k m e ! < / T e x t >
< / D a t e R a n g e P i c k e r >
< / V i e w >
) ;
}
}
c o n s t s t y l e s = S t y l e S h e e t . c r e a t e ( {
c o n t a i n e r : {
f l e x : 1 ,
b a c k g r o u n d C o l o r : " # f f f " ,
a l i g n I t e m s : " c e n t e r " ,
j u s t i f y C o n t e n t : " c e n t e r " ,
} ,
} ) ;
# # O p t i o n s
| P r o p e r t y | t y p e | r e q u i r e d ? | d e f a u l t V a l u e | D e s c r i p t i o n |
| - - - - - - - - - - - - - - - - - - - - | - - - - - - - - | : - - - - - - - - - - - - - - - - - : | : - - - - - - - - - - : | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
| o p e n | b o o l e a n | n o | | P r o p t o c o n t r o l c a l e n d a r v i s i b i l i t y s t a t e . P a s s i n g t h i s p r o p w i l l d i s a b l e t h e d e f a u l t f u n c t i o n f o r t o g g l i n g v i s i b i l i t y o f f / o n b y c l i c k i n g t h e b a c k d r o p / c l i c k m e b u t t o n . |
| o n C h a n g e | f u n c t i o n | y e s | | D a t e c h a n g e c a l l b a c k f u n c t i o n . |
| s t a r t D a t e | M o m e n t | y e s ( i f r a n g e ) | | V a l u e o f t h e p i c k e d s t a r t d a t e . |
| e n d D a t e | M o m e n t | y e s ( i f r a n g e ) | | V a l u e o f t h e p i c k e d e n d d a t e . |
| d a t e | M o m e n t | y e s ( i f n o r a n g e ) | | V a l u e o f t h e p i c k e d s i n g l e d a t e . |
| d i s p l a y e d D a t e | M o m e n t | y e s | | T h e d a t e ( y e a r / m o n t h ) w h i c h i s b e i n g d i s p l a y e d o n t h e p i c k e r . |
| m i n D a t e | M o m e n t | n o | | T h e m i n i m u m a l l o w e d d a t e f o r t h e p i c k e r . |
| m a x D a t e | M o m e n t | n o | | T h e m a x i m u m a l l o w e d d a t e f o r t h e p i c k e r . |
| r a n g e | b o o l e a n | n o | f a l s e | A l l o w s y o u t o p i c k b e t w e e n r a n g e a n d s i n g l e d a t e s e l e c t i o n . |
| p r e s e t B u t t o n s | b o o l e a n | n o | f a l s e | E n a b l e s p r e s e t b u t t o n s ( T o d a y / T h i s W e e k / T h i s M o n t h ) |
| d a y H e a d e r s | b o o l e a n | n o | t r u e | A l l o w s y o u t o e n a b l e / d i s a b l e d a y h e a d e r s . |
| b a c k d r o p S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e b a c k d r o p o f t h e p i c k e r . |
| c o n t a i n e r S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e p i c k e r c o n t a i n e r . |
| h e a d e r S t y l e | O b j e c t | n o | | S t y l i n g f o r h e a d e r a r e a . |
| h e a d e r T e x t S t y l e | O b j e c t | n o | | S t y l i n g f o r h e a d e r t e x t . |
| d a y S t y l e | O b j e c t | n o | | S t y l i n g f o r a s i n g l e d a y e l e m e n t . |
| d a y T e x t S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e t e x t o f a s i n g l e d a y e l e m e n t . |
| s e l e c t e d S t y l e | O b j e c t | n o | | S t y l i n g f o r s e l e c t e d d a y e l e m e n t ( s ) . |
| s e l e c t e d T e x t S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e t e x t o f s e l e c t e d d a y e l e m e n t ( s ) . |
| d a y H e a d e r S t y l e | O b j e c t | n o | | S t y l i n g f o r s e l e c t e d d a y h e a d e r e l e m e n t ( s ) . |
| d a y H e a d e r T e x t S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e t e x t o f d a y h e a d e r e l e m e n t ( s ) . |
| d i s a b l e d S t y l e | O b j e c t | n o | | S t y l i n g f o r d i s a b l e d d a y e l e m e n t ( s ) . |
| b u t t o n S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e p r e s e t b u t t o n ( s ) . |
| b u t t o n T e x t S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e t e x t o f p r e s e t b u t t o n ( s ) . |
| b u t t o n C o n t a i n e r S t y l e | O b j e c t | n o | | S t y l i n g f o r t h e p r e s e t b u t t o n c o n t a i n e r . |
| m o n t h P r e v B u t t o n | N o d e | n o | | I c o n f o r p r e v i o u s b u t t o n . |
| m o n t h N e x t B u t t o n | N o d e | n o | | I c o n f o r n e x t b u t t o n . |
| m o n t h B u t t o n s S t y l e | O b j e c t | n o | | S t y l i n g f o r m o n t h p r e v / n e x t b u t t o n s . |
| m o m e n t | M o m e n t | n o | | C u s t o m M o m e n t o b j e c t , u s e f u l f o r s e t t i n g c u s t o m l o c a l e . |