@momo-kits/calendar 0.79.6-beta.7 → 0.79.6-beta.9

package/CalendarPro.tsx

@@ -247,7 +247,13 @@ export default class CalendarPro extends Component<
       holidays,
       temp,
     } = this.state;
-    const {isDoubleDateMode, priceList, isHideHoliday, isOffLunar} = this.props;
+    const {
+      isDoubleDateMode,
+      priceList,
+      disabledDays,
+      isHideHoliday,
+      isOffLunar,
+    } = this.props;
     let priceListFormat = priceList?.outbound;
     if (isDoubleDateMode) {
       priceListFormat =
@@ -305,6 +311,7 @@ export default class CalendarPro extends Component<
                   holidays={holidays}
                   selectedDate={this.selectedDate}
                   priceList={priceListFormat}
+                  disabledDays={disabledDays}
                 />
               </View>
             </View>

package/Day.tsx

@@ -78,8 +78,10 @@ class Day extends Component<DayProps> {
       isSolarHoliday,
       isLunarHoliday,
       tabSelected,
+      isDisabled = false,
     } = props || this.props;
     this.isValid =
+      !isDisabled &&
       date &&
       (date >= minDate || date.isSame(minDate, 'day')) &&
       (date <= maxDate || date.isSame(maxDate, 'day'));
@@ -149,7 +151,6 @@ class Day extends Component<DayProps> {
   render() {
     const {theme} = this.context;
     const {date, empty, price, isBestPrice} = this.props;
-
     const text = date ? date.date() : '';
     let textColor = theme.colors.text.default;
     let lunarTextColor = theme.colors.text.hint;

package/Month.tsx

@@ -57,8 +57,13 @@ export default class Month extends PureComponent<MonthProps> {
           endDate,
           isShowLunar,
           isDoubleDateMode,
+          disabledDays,
         } = this.props;
 
+        const dateItem = new Date(item.date);
+        const mappedDisabledArray = disabledDays?.map(item => String(item));
+        const isDisabled = mappedDisabledArray?.includes(String(dateItem));
+
         return (
           <Day
             {...this.props}
@@ -77,6 +82,7 @@ export default class Month extends PureComponent<MonthProps> {
             index={i}
             price={priceInfo?.priceAsString}
             isBestPrice={priceInfo?.isBestPrice}
+            isDisabled={isDisabled}
           />
         );
       })}

package/MonthList.tsx

@@ -40,7 +40,7 @@ export default class MonthList extends Component<
     item: {dateList: any; date: moment.Moment};
     index: number;
   }) => {
-    const {isDoubleDateMode, priceList, isShowLunar} = this.props;
+    const {isDoubleDateMode, disabledDays, priceList, isShowLunar} = this.props;
     const {item, index} = data;
 
     const keyMonth = moment(item.date)?.format('YYYY-MM');
@@ -55,6 +55,7 @@ export default class MonthList extends Component<
         priceListDate={priceListDate}
         isShowLunar={isShowLunar}
         isDoubleDateMode={isDoubleDateMode}
+        disabledDays={disabledDays}
       />
     );
   };

package/index.tsx

@@ -427,6 +427,7 @@ class Calendar extends Component<CalendarProps, CalendarState> {
       doubleDate,
       isHideHeaderPanel,
       style,
+      disabledDays = [],
     } = this.props;
     const {isDoubleDateMode, containerWidth} = this.state;
     const {theme} = this.context;
@@ -462,6 +463,7 @@ class Calendar extends Component<CalendarProps, CalendarState> {
             maxDate={maxDate}
             isHideHoliday={isHideHoliday}
             isOffLunar={isOffLunar}
+            disabledDays={disabledDays}
           />
         </ScrollView>
       </ContainerContext.Provider>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@momo-kits/calendar",
-    "version": "0.79.6-beta.7",
+    "version": "0.79.6-beta.9",
     "private": false,
     "main": "index.tsx",
     "peerDependencies": {

package/styles.ts

@@ -6,7 +6,7 @@ export default StyleSheet.create({
   viewPanel: {
     flexDirection: 'row',
     marginHorizontal: Spacing.M,
-    marginBottom: Spacing.S,
+    marginVertical: Spacing.S,
     borderRadius: Radius.S,
     padding: Spacing.XXS,
   },

package/types.ts

@@ -40,6 +40,7 @@ export type CalendarProProps = {
   isHideHoliday?: boolean;
   isOffLunar?: boolean;
   onCallbackCalendar?: (lunar: string, nextStateShowLunar: boolean) => void;
+  disabledDays?: Date[];
 };
 
 export type CalendarProState = {
@@ -81,6 +82,7 @@ export type CalendarProps = {
   maxDate: Date;
   isHideHeaderPanel?: boolean;
   style: ViewStyle | ViewStyle[];
+  disabledDays?: Date[];
 };
 
 export type CalendarProRef = {
@@ -129,6 +131,7 @@ export type MonthListProps = {
     currentIndex: number;
   }) => void;
   lunarConverter: any;
+  disabledDays?: Date[];
 };
 
 export type MonthListState = {
@@ -151,6 +154,7 @@ export type MonthProps = {
   endDate: Moment.Moment;
   isShowLunar: boolean;
   isDoubleDateMode: boolean;
+  disabledDays?: Date[];
 };
 
 export type DayProps = {
@@ -171,6 +175,7 @@ export type DayProps = {
   price?: string;
   isBestPrice?: boolean;
   havePriceList: boolean;
+  isDisabled: boolean;
 };
 
 export type TabHeaderState = {