<div class="popup calendar_popup create_calendar" data-test-id="calendar-share-dialog" style="display: none;">
	<div class="mask" data-bind="click: cancelPopup"></div>
	<div class="popup_panel">
		<span class="close" data-bind="click: cancelPopup"></span>
		<span class="popup_heading" data-bind="style: {backgroundColor: selectedColor}, i18n: {'key': '%MODULENAME%/TITLE_SHARE_CALENDAR'}"></span>

		<div class="fields">
			<div class="fieldset shares_personal">
				<div class="row">
					<label class="label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_CAN_SEE'}"></label>
					<div class="input inputosaurus" data-test-id="calendar-share-guests">
						<div class="disable_mask" data-bind="visible: true"></div>
						<div data-bind="customScrollbar: {x: false}">
							<div class="scroll-inner">
								<input type="text" spellcheck="false" tabindex="3" data-bind="initDom: guestsDom" />
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<label class="label" data-bind="i18n: {'key': '%MODULENAME%/LABEL_CAN_EDIT'}"></label>
					<div class="input inputosaurus">
						<div class="disable_mask" data-bind="visible: true"></div>
						<div data-bind="customScrollbar: {x: false}">
							<div class="scroll-inner">
								<input type="text" spellcheck="false" tabindex="3" data-bind="initDom: ownersDom" />
							</div>
						</div>
					</div>
				</div>
			</div>


			<div class="fieldset shares_all" data-bind="visible: true">
				<div class="row">
					<div class="label">
						<label class="custom_checkbox" data-bind="css: {'checked': sharedToAll()}">
							<span class="icon"></span>
							<input type="checkbox" id="share_to_all_item_input" data-bind="checked: sharedToAll" />
						</label>
						<span>
							<label for="share_to_all_item_input" data-bind="i18n: {'key': '%MODULENAME%/LABEL_SHARE_WITH_ALL'}"></label>
						</span>
					</div>
					<select class="value input" data-bind="visible: sharedToAll, value: sharedToAllAccess, options: aAccess, optionsText: 'display', optionsValue: 'value'"></select>
				</div>
				<div class="row">
					<span class="hint" data-bind="i18n: {'key': '%MODULENAME%/INFO_SHARED_WITH_ALL'}, visible: sharedToAll"></span>
				</div>
			</div>

			<div class="buttons">
				<span class="button" data-test-id="calendar-share-save" data-bind="i18n: {'key': 'COREWEBCLIENT/ACTION_SAVE'}, click: onSaveClick"></span>
			</div>
		</div>
	</div>
	<span class="helper"></span>
</div>
