Суффикс «Z» в DTSTART и DTEND указывает, что эти даты и время предоставляются в формате UTC. Предполагая, что у вашего клиента установлен часовой пояс в Индию (UTC + 5h30), он правильно отображает время начала как 1:30 вечера.
Таким образом, вам нужно либо учитывать это при отправке вашего приглашения, либо включите компонент VTIMEZONE в ваше приглашение и ссылку, что VTIMEZONE в вашем DTSTART / DTEND:
...
METHOD:REQUEST
BEGIN:VTIMEZONE
TZID:Asia/Kolkata
BEGIN:STANDARD
TZOFFSETFROM:+0530
TZOFFSETTO:+0530
DTSTART:19451015T000000
TZNAME:IST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
DTSTART;TZID=Asia/Kolkata:20150501T080000
DTEND;TZID=Asia/Kolkata:20150501T090000
...
DTSTAMP используется в основном для проверки того, обновляется ли существующее событие позже, чем клиент уже получил. См. https://tools.ietf.org/html/rfc5545#section-3.8.7.2
«метка» будет отображаться в первой строке, если ваше свойство «значение» является действительным - убедитесь, что ваше состояние selectedOption имеет действительное значение, которое существует в вашем значении параметров - все в соответствии с документами .
ваш код должен выглядеть примерно так:
import React from 'react';
import Select from 'react-select';
const options = [
{ value: 'chocolate', label: 'Chocolate' },
{ value: 'strawberry', label: 'Strawberry' },
{ value: 'vanilla', label: 'Vanilla' }
];
class App extends React.Component {
state = {
selectedOption: null,
}
handleChange = (selectedOption) => {
this.setState({ selectedOption });
console.log(`Option selected:`, selectedOption);
}
render() {
const { selectedOption } = this.state;
return (
<div className="row" style={styles}>
<div className="col-12 d-flex">
<div className="col-md-4">
<Select
value={selectedOption}
onChange={this.handleChange}
options={options}
/>
</div>
<div className="col-md-4">
<Select
value={selectedOption}
onChange={this.handleChange}
options={options}
/>
</div>
<div className="col-md-4">
<div className="add">
<button type="button" class="btn btn-primary">Primary</button>
</div>
<div className="remove">
<button type="button" class="btn btn-success">Success</button>
</div>
</div>
</div>
</div>
<Select
value={selectedOption}
onChange={this.handleChange}
options={options}
/>
);
}
}