Roywcm · Sep 20, 2024 · Sep 20, 2024
diff --git a/__tests__/src/index.spec.ts b/__tests__/src/index.spec.ts
@@ -1702,6 +1702,19 @@ describe("flatpickr", () => {
       expect(fp.input.value).toEqual("2016-01-13 to 2016-01-17");
     });
 
+    it("can set range conjunction", () => {
+      createInstance({
+        mode: "range",
+        rangeConjunction: ", ",
+      });
+
+      fp.setDate("2016-1-17");
+
+      simulate("click", fp.days.childNodes[17], { which: 1 }, MouseEvent);
+      expect(fp.selectedDates.length).toEqual(2);
+      expect(fp.input.value).toEqual("2016-01-13, 2016-01-17");
+    });
+
     it("adds disabled class to disabled prev/next month arrows", () => {
       const isArrowDisabled = (which: "prevMonthNav" | "nextMonthNav") =>
         fp[which].classList.contains("flatpickr-disabled");

diff --git a/src/index.ts b/src/index.ts
@@ -2826,10 +2826,16 @@ function FlatpickrInstance(
       .join(
         self.config.mode !== "range"
           ? self.config.conjunction
-          : self.l10n.rangeSeparator
+          : getDateRangeSeparator()
       );
   }
 
+  function getDateRangeSeparator() {
+    return typeof self.config.rangeConjunction === "string"
+      ? self.config.rangeConjunction
+      : self.l10n.rangeSeparator;
+  }
+
   /**
    * Updates the values of inputs associated with the calendar
    */

diff --git a/src/types/options.ts b/src/types/options.ts
@@ -93,6 +93,12 @@ export interface BaseOptions {
   */
   conjunction: string;
 
+  /*
+    If "mode" is "range" and rangeConjunction is set, this string will be used to join
+    selected dates together for the date input value.
+  */
+  rangeConjunction: null | string;
+
   /*
     A string of characters which are used to define how the date will be displayed in the input box.
     See https://chmln.github.io/flatpickr/formatting
@@ -289,6 +295,7 @@ export interface ParsedOptions {
   clickOpens: boolean;
   closeOnSelect: boolean;
   conjunction: string;
+  rangeConjunction: null | string;
   dateFormat: string;
   defaultDate?: Date | Date[];
   defaultHour: number;
@@ -356,6 +363,7 @@ export const defaults: ParsedOptions = {
   clickOpens: true,
   closeOnSelect: true,
   conjunction: ", ",
+  rangeConjunction: null,
   dateFormat: "Y-m-d",
   defaultHour: 12,
   defaultMinute: 0,