| 1) | \r\n|
| 2) | \r\n|
| 3) | \r\n|
| 4) | \r\n|
| 5) | \r\n|
| 6) | \r\n|
| 1) | \r\n|
| 2) | \r\n|
| 3) | \r\n|
| 4) | \r\n|
| 1) | \r\n|
| 2) | \r\n|
| 3) | \r\n|
\r\n
{date}
\r\n{intl.formatMessage({id: `calendar.Weekday_${tempDate.getDay()}`})}
\r\n \r\n );\r\n } else {\r\n if (tempDate.getDay() === 0 || this.isHoliday(this.dateToInt(tempDate))) {\r\n return (\r\n \r\n{date}
\r\n{intl.formatMessage({id: `calendar.Weekday_${tempDate.getDay()}`})}
\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n{date}
\r\n{intl.formatMessage({id: `calendar.Weekday_${tempDate.getDay()}`})}
\r\n \r\n );\r\n }\r\n }\r\n }\r\n\r\n onPrevMonthClick = (e) => {\r\n let newMonth = this.state.month - 1;\r\n let newYear = this.state.year;\r\n\r\n if (newMonth < 1) {\r\n newMonth = 12;\r\n newYear = newYear - 1;\r\n this.setState({month: newMonth});\r\n this.setState({year: newYear});\r\n } else {\r\n this.setState({month: newMonth});\r\n }\r\n\r\n this.setState({daysOfMonth: new Date(newYear, newMonth, 0).getDate()});\r\n this.refreshPrevNextMonthButton(newYear, newMonth);\r\n this.refreshIPOProducts(newYear, newMonth, this.state.sortType);\r\n }\r\n\r\n onNextMonthClick = (e) => {\r\n let newMonth = this.state.month + 1;\r\n let newYear = this.state.year;\r\n\r\n if (newMonth > 12) {\r\n newMonth = 1;\r\n newYear = newYear + 1;\r\n this.setState({month: newMonth});\r\n this.setState({year: newYear});\r\n } else {\r\n this.setState({month: newMonth});\r\n }\r\n\r\n this.setState({daysOfMonth: new Date(newYear, newMonth, 0).getDate()});\r\n this.refreshPrevNextMonthButton(newYear, newMonth);\r\n this.refreshIPOProducts(newYear, newMonth, this.state.sortType);\r\n }\r\n\r\n refreshPrevNextMonthButton = (newYear, newMonth) => {\r\n let newYearMonth = moment(`1-${newMonth}-${newYear}`, \"DD-MM-YYYY\");\r\n let currentYearMonth = moment(`1-${this.state.today.getMonth() + 1}-${this.state.today.getFullYear()}`, \"DD-MM-YYYY\");\r\n let monthDiff = currentYearMonth.diff(newYearMonth, 'months', true);\r\n if (monthDiff >= Number(process.env.REACT_APP_CALENDAR_PREVIOUS_MONTH_LIMIT)) {\r\n this.setState({isPrevMonthDisable: true});\r\n this.setState({isNextMonthDisable: false});\r\n } else if (monthDiff <= -(Number(process.env.REACT_APP_CALENDAR_NEXT_MONTH_LIMIT))) {\r\n this.setState({isPrevMonthDisable: false});\r\n this.setState({isNextMonthDisable: true});\r\n } else {\r\n this.setState({isPrevMonthDisable: false});\r\n this.setState({isNextMonthDisable: false});\r\n }\r\n }\r\n\r\n isHoliday = (intDate) => {\r\n if (!this.props.holidays || this.props.holidays.length === 0) {\r\n return false;\r\n }\r\n return this.props.holidays.filter(tmpDate => this.dateToInt(tmpDate) === intDate).length > 0;\r\n }\r\n \r\n isWeekend = (intDate) => {\r\n let tempDate = new Date();\r\n tempDate.setYear(intDate.toString().slice(0, 4));\r\n tempDate.setMonth(Number(intDate.toString().slice(4, 6)) - 1);\r\n tempDate.setDate(intDate.toString().slice(6, 8));\r\n if (tempDate.getDay() === 0 || tempDate.getDay() === 6){\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n \r\n getLastUpdateDesc = (e) => {\r\n const { intl } = this.props;\r\n let lang = intl.locale;\r\n \r\n let today = new Date();\r\n let lastUpdateDesc = intl.formatMessage({id: \"calendar.LastUpdate\"}) + \" : \";\r\n if (lang === \"en\") {\r\n lastUpdateDesc += today.getDate() + \" \" + intl.formatMessage({id: \"calendar.Month_\" + (today.getMonth() + 1)}) + \" \" + today.getFullYear();\r\n } else if (lang === \"zh-hk\" || lang === \"zh-cn\") {\r\n lastUpdateDesc += today.getFullYear() + \" \" + intl.formatMessage({id: \"calendar.Year\"}) + \" \" + (today.getMonth() + 1) + \" \" + intl.formatMessage({id: \"calendar.Month\"}) + \" \" + today.getDate() + \" \" + intl.formatMessage({id: \"calendar.Day\"});\r\n }\r\n return lastUpdateDesc;\r\n }\r\n\r\n getCurrentYearMonthDesc = (e) => {\r\n const { intl } = this.props;\r\n let lang = intl.locale;\r\n if(lang === \"en\") {\r\n return (intl.formatMessage({id: `calendar.Month_${this.state.month}`}) + \" \" + this.state.year);\r\n } else if (lang === \"zh-hk\" || lang === \"zh-cn\"){\r\n return (this.state.year + \" \" + intl.formatMessage({id: \"calendar.Year\"}) + \" \" + intl.formatMessage({id: `calendar.Month_${this.state.month}`}));\r\n }\r\n }\r\n\r\n handleSortColumn = (sortColumn) => {\r\n let newSortType = this.state.sortType === \"asc\" ? \"desc\" : \"asc\";\r\n this.refreshIPOProducts(this.state.year, this.state.month, newSortType);\r\n this.setState({sortType: newSortType});\r\n }\r\n\r\n render() {\r\n const { intl } = this.props;\r\n const { classes } = this.props;\r\n const { Column, HeaderCell, Cell } = Table;\r\n\r\n const headerHeight = 70;\r\n const footerHeight = 110;\r\n const calendarHeaderHeight = 50;\r\n const tabHeight = this.props.tabHeight ? this.props.tabHeight : 0;\r\n\r\n return (\r\n| \r\n {this.getLastUpdateDesc()}\r\n | \r\n||
| \r\n \r\n | \r\n\r\n {this.getCurrentYearMonthDesc()}\r\n | \r\n\r\n \r\n | \r\n
| \r\n | {intl.formatMessage({id: \"calendar.SubscriptionPeriodOfPublicOfferSharesThroughKGI\"})} | \r\n
D | \r\n {intl.formatMessage({id: \"calendar.SubscriptionPeriodOfPublicOfferSharesThroughKGIDeadline\"})} | \r\n
| \r\n | {intl.formatMessage({id: \"calendar.DownPaymentDateOfPublicOfferSharesThroughKGI\"})} | \r\n
| \r\n | {intl.formatMessage({id: \"calendar.FinancingDay\"})} | \r\n
| {intl.formatMessage({id: \"calendar.AllotmentDate\"})} | \r\n|
| \r\n | {intl.formatMessage({id: \"calendar.StockListingDate\"})} | \r\n