dateTime , permissions, liceneces and i18n handling for whole app
npm install @zohodesk/providers##36
timeZone Custom format support added
1. I18NProvider
2. ConnectI18NProvider
3. I18N
4. FormatText
5. PluralFormat
6. DateTimeFormat
``javascript`
`javascript`
onChange=((accept,reject)=>{call accept or reject})>
`javascript`
user={}
permission={}
license={}
dateTimeFormatMessages={()=>dateTimeFormatMessages}
onChange=((accept,reject)=>{call accept or reject})>
`javascript`
`javascript`
| Mask | Description | Example
| ------ | --------------------- | -------
| yyyy | 4-digits year | 1984
| | 2-digits year | 84
| | Month name | January
| | Short month name | Jan
| | Numeric month | 1 mmm
| | 2-digits month | 01 dddd
| | Numeric day | 1
| | 2-digits day | 01
| | Day of the week | Tuesday
| | Short day of the week | Tue
| | Day period | AM, PM
| | 24-hours Numeric hour | 1
| | 24-hours 2-digits hour| 01
| | 12-hours Numeric hour | 1
| | 12-hours 2-digits hour| 01
| | Numeric minute | 1
| | 2-digits minute | 01
| | Numeric second | 1
| | 2-digits second | 01
Default format dd MMM yyyy hh:mm A;
#### Display Date Using Component
`javascript
/>
output => 01 January
`
#### Display Date by string
`javascript
getDateTimeFormat({dateTime : apiTimeFormat, format : "dd MMMMM" });
output => 01 January
`
#### Display Date - Custom Formatting
`javascript
if(dateDetails.isToday){
return translator('Today');
}
else if(dateDetails.isTomorrow){
return translator('Tomorrow');
}
return dateConverter('dd MMMM yyyy');
}}
/>
possible outputs => Today , Tomorrow, 01 January 1984
`
#### Display Diff Date using component
`javascript
/>
output => 10 minutes ago
`
#### Display Diff Date using string
`javascript
getDateTimeFormat({ type : "diff", dateTime : apiTimeFormat , customFormat });
output => 10 minutes ago
`
#### Display Diff Date - Custom Formatting
`javascript
customFormat={(dateDetails,translator)=>{
if( days > 1){
return 'one day ago'
}
return 'many days ago'
}}
/>
output => 'one day ago'
`
`
var Greetings = ()=>{
return Hello,{this.props.name}
}
Hello - hard coded data
name - dynamic data mostly no need to I18N. In case any dynamic data going to pass generic component. use i18nUtils.getI18NValue function
I18N Implementation
var Greetings = ()=>{
return
}
`
`
textarea placeholder display i18n value
var Textarea=()=>{
return
}
You can mention particular props going to accept i18n key. so convert using I18N HOC
Textarea = HOCI18N(["placeHolder"])(Textarea)
You can use utils function