docs(components): fix calendar showcases

akveo · Oct 14, 2019 · 35c2f47 · 35c2f47
1 parent 9a5be22
commit 35c2f47
Show file tree

Hide file tree

Showing 8 changed files with 8 additions and 13 deletions.
diff --git a/src/playground/src/ui/screen/calendar/calendarCustomItem.component.tsx b/src/playground/src/ui/screen/calendar/calendarCustomItem.component.tsx
@@ -7,7 +7,7 @@ import {
 import { StyleType } from '@kitten/theme';
 import { Text } from '@kitten/ui';
 
-export const CalendarCustomItem = (date: Date, style: StyleType): React.ReactElement<ViewProps> => {
+export const CalendarCustomItem = ({ date }, style: StyleType): React.ReactElement<ViewProps> => {
 
   const value: number = 100 * date.getDate() + Math.pow(date.getDate(), 2);
 

diff --git a/src/playground/src/ui/screen/calendar/type.ts b/src/playground/src/ui/screen/calendar/type.ts
@@ -161,6 +161,7 @@ const filterSection: ComponentShowcaseSection = {
 export const calendarShowcase: ComponentShowcase = {
   sections: [
     defaultSection,
+    // customItemSection,
     // momentSection,
     // dateFnsSection,
     // startViewSection,

diff --git a/src/playground/src/ui/screen/showcases/calendar/calendarBoundingMonth.component.tsx b/src/playground/src/ui/screen/showcases/calendar/calendarBoundingMonth.component.tsx
@@ -30,8 +30,7 @@ export class CalendarBoundingMonthShowcase extends React.Component {
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: 16,
+    minHeight: 376,
   },
 });
diff --git a/src/playground/src/ui/screen/showcases/calendar/calendarCustomDay.component.tsx b/src/playground/src/ui/screen/showcases/calendar/calendarCustomDay.component.tsx
@@ -44,9 +44,8 @@ export class CalendarCustomDayShowcase extends React.Component {
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: 16,
+    minHeight: 376,
   },
   dayContainer: {
     flex: 1,

diff --git a/src/playground/src/ui/screen/showcases/calendar/calendarCustomLocale.component.tsx b/src/playground/src/ui/screen/showcases/calendar/calendarCustomLocale.component.tsx
@@ -44,8 +44,7 @@ export class CalendarCustomLocaleShowcase extends React.Component {
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: 16,
+    minHeight: 376,
   },
 });
diff --git a/src/playground/src/ui/screen/showcases/calendar/calendarFilterShowcase.component.tsx b/src/playground/src/ui/screen/showcases/calendar/calendarFilterShowcase.component.tsx
@@ -34,8 +34,7 @@ export class CalendarFilterShowcase extends React.Component {
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: 16,
+    minHeight: 376,
   },
 });
diff --git a/src/playground/src/ui/screen/showcases/calendar/calendarMoment.component.tsx b/src/playground/src/ui/screen/showcases/calendar/calendarMoment.component.tsx
@@ -39,8 +39,7 @@ export class CalendarMomentShowcase extends React.Component {
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: 16,
+    minHeight: 376,
   },
 });
diff --git a/src/playground/src/ui/screen/showcases/calendar/calendarSimpleUsage.component.tsx b/src/playground/src/ui/screen/showcases/calendar/calendarSimpleUsage.component.tsx
@@ -29,8 +29,7 @@ export class CalendarSimpleUsageShowcase extends React.Component {
 
 const styles = StyleSheet.create({
   container: {
-    justifyContent: 'center',
-    alignItems: 'center',
     padding: 16,
+    minHeight: 376,
   },
 });