How to use the @appbaseio/reactivecore/lib/utils/helper.getInnerKey function in @appbaseio/reactivecore

...getInnerKey(this.props.innerStyle, 'calendar'),
						}}
						{...getInnerKey(this.props.innerProps, 'calendar')}
					/>
					{this.state.currentDate && this.state.currentDate.end ? (
						<button style="{{">
							
						</button>
					) : null}
				
			
		);
	}

name="arrow-back"
										color={this.props.theming.primaryColor}
										style={getInnerKey(this.props.innerStyle, 'icon')}
										{...getInnerKey(this.props.innerProps, 'icon')}
									/>
								
							
							
								<title style="{getInnerKey(this.props.innerStyle,">
									{this.props.placeholder}
								</title>
							
							
						
						 String(item.key).trim().length)
									.map(item =&gt; ({ ...item, key: String(item.key) })),
							]}
							renderItem={({ item }) =&gt; {
								const label
									= this.props.showCount &amp;&amp; item.doc_count
										? `${item.key} (${item.doc_count})`
										: item.key;

								return (

render() {
		const { color, ...checkBoxStyles } = getInnerKey(this.props.innerStyle, 'checkbox');
		return (

{this.props.showIcon && this.props.iconPosition === 'left' ? (
							
						) : null}
						<input value="{this.state.currentValue}" placeholder="{this.props.placeholder}" style="{{">
						{this.state.currentValue &amp;&amp; this.props.showClear ? (
							<button style="{getInnerKey(this.props.innerStyle,">
								</button>

transparent={false}
					visible={this.state.showModal}
					onRequestClose={this.toggleModal}
					{...getInnerKey(this.props.innerProps, 'modal')}
				>
					<header>
						
							<button style="{getInnerKey(this.props.innerStyle,">
								
							</button>
						
						
							<title style="{getInnerKey(this.props.innerStyle,">
								{this.props.placeholder}
							</title>
						
						
							{this.state.currentDate ? (
								</header>

}}
					>
						
					
				) : null}
				{pages}
				<button disabled="{this.state.currentPage">= this.state.totalPages - 1}
					style={getInnerKey(this.props.innerStyle, 'button')}
					{...getInnerKey(this.props.innerProps, 'button')}
				&gt;
					
				</button>
			
		);
	};

>
						
					
				) : null}
				{pages}
				<button disabled="{this.state.currentPage">= this.state.totalPages - 1}
					style={getInnerKey(this.props.innerStyle, 'button')}
					{...getInnerKey(this.props.innerProps, 'button')}
				&gt;
					
				</button>
			
		);
	};

{...getInnerKey(this.props.innerProps, 'text')}
									>
										Reset
									
								
							) : null}
						
					
					
					{this.state.currentDate ? (
						<button style="{{"></button>

onPress={this.toggleModal}
									style={getInnerKey(this.props.innerStyle, 'button')}
									{...getInnerKey(this.props.innerProps, 'button')}
								>
									
								
							
							
								<title style="{getInnerKey(this.props.innerStyle,">
									{this.props.placeholder}
								</title>
							
							
						
						 (
								 this.selectItem(item.label)}
								&gt;

...getInnerKey(this.props.innerStyle, 'calendar'),
						}}
						{...getInnerKey(this.props.innerProps, 'calendar')}
					/>
					{this.state.currentDate ? (
						<button style="{{">
							
						</button>
					) : null}
				
			
		);
	}