✨ Improve example

Author: Jonas Gossens

examples/react-chayns-dateinfo/Example.jsx

@@ -12,10 +12,11 @@ export default class DateExample extends Component {
 
     render() {
         const { date } = this.state;
+        const language = 'en';
 
         return (
             <div>
-                <DateInfo date={date}>
+                <DateInfo date={date} language={language}>
                     <Button
                         onClick={() => {
                             chayns.dialog.advancedDate({ dateType: chayns.dialog.dateType.DATE_TIME }).then((event) => {
@@ -29,61 +30,61 @@ export default class DateExample extends Component {
                 </DateInfo>
 
                 <div style={{ fontWeight: 'bold' }}>default:</div>
-                <DateInfo date={date} />
+                <DateInfo date={date} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showTime:</div>
-                <DateInfo date={date} showTime />
+                <DateInfo date={date} showTime language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showTime=false:</div>
-                <DateInfo date={date} showTime={false} />
+                <DateInfo date={date} showTime={false} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showDate:</div>
-                <DateInfo date={date} showDate />
+                <DateInfo date={date} showDate language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showDate=false:</div>
-                <DateInfo date={date} showDate={false} />
+                <DateInfo date={date} showDate={false} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showDate=false showTime:</div>
-                <DateInfo date={date} showDate={false} showTime />
+                <DateInfo date={date} showDate={false} showTime language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showDate showTime=false:</div>
-                <DateInfo date={date} showDate showTime={false} />
+                <DateInfo date={date} showDate showTime={false} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showDate showTime:</div>
-                <DateInfo date={date} showDate showTime />
+                <DateInfo date={date} showDate showTime language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>showDate=false showTime=false:</div>
-                <DateInfo date={date} showDate={false} showTime={false} />
+                <DateInfo date={date} showDate={false} showTime={false} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>writeDay:</div>
-                <DateInfo date={date} writeDay />
+                <DateInfo date={date} writeDay language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>writeMonth:</div>
-                <DateInfo date={date} writeMonth />
+                <DateInfo date={date} writeMonth language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>writeMonth writeDay:</div>
-                <DateInfo date={date} writeMonth writeDay />
+                <DateInfo date={date} writeMonth writeDay language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>writeMonth writeDay showTime showDate:</div>
-                <DateInfo date={date} writeMonth writeDay showTime showDate />
+                <DateInfo date={date} writeMonth writeDay showTime showDate language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>writeMonth writeDay showTime showDate=false:</div>
-                <DateInfo date={date} writeMonth writeDay showTime showDate={false} />
+                <DateInfo date={date} writeMonth writeDay showTime showDate={false} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>writeMonth writeDay showTime=false showDate=false:</div>
-                <DateInfo date={date} writeMonth writeDay showTime={false} showDate={false} />
+                <DateInfo date={date} writeMonth writeDay showTime={false} showDate={false} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>writeMonth showTime=false showDate=false:</div>
-                <DateInfo date={date} writeMonth showTime={false} showDate={false} />
+                <DateInfo date={date} writeMonth showTime={false} showDate={false} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>two dates:</div>
-                <DateInfo date={date} date2={new Date()} />
+                <DateInfo date={date} date2={new Date()} language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>two dates showTime:</div>
-                <DateInfo date={date} date2={new Date()} showTime />
+                <DateInfo date={date} date2={new Date()} showTime language={language} />
 
                 <div style={{ fontWeight: 'bold' }}>two dates showDate:</div>
-                <DateInfo date={date} date2={new Date()} showDate />
+                <DateInfo date={date} date2={new Date()} showDate language={language} />
             </div>
         );
     }