diff --git a/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.html b/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.html
index 3002fc5fe..21c7fecd9 100644
--- a/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.html
+++ b/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.html
@@ -38,7 +38,8 @@
-
+
diff --git a/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.ts b/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.ts
index f505fde21..871530664 100644
--- a/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.ts
+++ b/src/addons/calendar/components/reminder-time-modal/reminder-time-modal.ts
@@ -15,6 +15,7 @@
import { AddonCalendar, AddonCalendarReminderUnits, AddonCalendarValueAndUnit } from '@addons/calendar/services/calendar';
import { Component, Input, OnInit } from '@angular/core';
import { CoreDomUtils } from '@services/utils/dom';
+import { CoreUtils } from '@services/utils/utils';
import { ModalController } from '@singletons';
/**
@@ -153,4 +154,24 @@ export class AddonCalendarReminderTimeModalComponent implements OnInit {
}
}
+ /**
+ * Custom value input clicked.
+ *
+ * @param ev Click event.
+ */
+ async customInputClicked(ev: Event): Promise {
+ if (this.radioValue === 'custom') {
+ return;
+ }
+
+ this.radioValue = 'custom';
+
+ await CoreUtils.nextTick();
+
+ const target = ev.target;
+ if (target && 'focus' in target) {
+ target.focus();
+ }
+ }
+
}